LoginSignup
0
0

More than 1 year has passed since last update.

Reactのプロジェクト作成の所で実行が無効と出た...解決法

Posted at

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のプロジェクト作成の際のエラーの解決法でした。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0