React(v18)でプロジェクトを作成しようとしたら「のシステムではスクリプトの実行が無効に。。。」の解決法
こんにちはchihiroです。
Reactで初めてプロジェクトの作成を行うためにwindowsのターミナルで >create-react-app reactProject と実行しましたがターミナルに怒られる事態となりなした。
今回このようなエラーのケースは初めてなので質問にお答えするのは難しいかもしれませんが、私が解決できた方法を以下に記していきますので、同じ状況の方のお役に立てれば幸いです。
vscodeのターミナルでプロジェクト実行すると以下の
様なエラーが出現。
create-react-app : このシステムではスクリプトの実行が無効になっているため、ファイ
ル C:\Users\NCh\AppData\Roaming\npm\create-react-app.ps1 を読み込むことができま
せん。詳細については、「about_Execution_Policies」(https://go.microsoft.com/fwlin
k/?LinkID=135170) を参照してください。
発生場所 行:1 文字:1
+ create-react-app reactProject
+ ~~~~~~~~~~~~~~~~
+ CategoryInfo : セキュリティ エラー: (: ) []、PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
ググって解決法を調べてみると、Set-ExecutionPolicyというコマンドで>Set-ExecutionPolicy RemoteSignedと実行させると実行ポリシー(?)というものが変更されて、プロジェクトが問題なく作成されるという風に書いてありました。
Set-ExecutionPolicy、私は聞いたこともないド素人だったので、間違いがないように実行ポリシーについてのMicrosoftドキュメントを貼っておきます。
https://learn.microsoft.com/ja-jp/powershell/module/microsoft.powershell.core/about/about_execution_policies?view=powershell-7.3
Set-ExecutionPolicy RemoteSigned
しかし、上記を実行させるとまた新しいエラーが出現しました。これを実行させたら解決した方もいると思います。
rShell\1\ShellIds\Microsoft.PowerShell' へのアクセスが拒否されました。 既定 (Loca
lMachine) のスコープの実行ポリシーを変更するには、[管理者として実行] オプションを
使用して Windows PowerShell を起動してください。現在のユーザーの実行ポリシーを変
更するには、"Set-ExecutionPolicy -Scope CurrentUser" を実行してください。
発生場所 行:1 文字:1
+ Set-ExecutionPolicy RemoteSigned
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : PermissionDenied: (:) [Set-ExecutionPolicy], Unaut
horizedAccessException
+ FullyQualifiedErrorId : System.UnauthorizedAccessException,Microsoft.Power
Shell.Commands.SetExecutionPolicyCommand
エラーの説明を見ると、PowerShellでExecutionPolicyの変更をしてくださいという様に書かれているため、管理者として実行を押してPowerShellを起動しました。
もう一つエラー文では「"Set-ExecutionPolicy -Scope CurrentUser" を実行してください。」と書かれていたため、PowerShellでこれを実行したところ、次に値を指定するよう指示されました。ここにRemoteSignedと打ち実行。
コマンド パイプライン位置 1 のコマンドレット Set-ExecutionPolicy
次のパラメーターに値を指定してください:
ExecutionPolicy: RemoteSigned
次に実行ポリシーを変更するか否かの確認が出てきました。ここでYを打ちEnterを押す。
特にエラー文が出てこず処理が完了したようなので、
vscodeの方のターミナルに戻り再び> create-react-app sample-reactを実行してみる
Creating a new React app in C:\Users\NCh\ReactLesson\react-guide-material\react-guide-material\reactSample
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
プロジェクト作成中と出ているため成功したようですね！
最後にHappy hacking!とターミナルに出れば、問題なくReactのプロジェクトが作成された状態だと思います。
以上がReactのプロジェクト作成の際のエラーの解決法でした。