「vue : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Users\Own er\AppData\Roaming\npm\vue.ps1 を読み込むことができません。」のエラーを解決する

vueプロジェクトを作成するためにvue create family-album-appコマンドをパワーシェルで実行したところ以下のようなエラーが発生しました。

vue : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Users\Own
er\AppData\Roaming\npm\vue.ps1 を読み込むことができません。詳細については、「about_
Execution_Policies」(https://go.microsoft.com/fwlink/?LinkID=135170) を参照してくだ
さい。
発生場所 行:1 文字:1
+ vue create family-album-app
+ ~~~
    + CategoryInfo          : セキュリティ エラー: (: ) []、PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

このエラーを解消する手順をご紹介します。

このエラーは、PowerShellの実行ポリシーがスクリプトの実行を制限しているために発生しています。PowerShellでスクリプトを実行するには、適切な実行ポリシーを設定する必要があります。

以下の手順に従って、実行ポリシーを変更して問題を解決することができます。

実行ポリシーの確認

まず、現在の実行ポリシーを確認します。PowerShellを管理者として開き、以下のコマンドを実行してください。

Get-ExecutionPolicy

実行ポリシーの変更

もし実行ポリシーが Restricted または AllSigned であれば、スクリプトを実行できるようにポリシーを RemoteSigned または Unrestricted に変更する必要があります。RemoteSigned はローカルのスクリプトを実行することを許可し、インターネットからダウンロードされたスクリプトは署名されている必要があります。これは比較的安全な選択です。Unrestricted はすべてのスクリプトを実行することを許可しますが、セキュリティリスクが増大します。

以下のコマンドを使って、実行ポリシーを RemoteSigned に設定します。これを実行するには、PowerShellを管理者権限で開く必要があります。

Set-ExecutionPolicy RemoteSigned

PowerShellがポリシーの変更を確認するためにプロンプトを表示しますので、Y を入力して変更を承認します。

再試行

実行ポリシーを変更した後、もう一度コマンドを実行してみてください。

vue create family-album-app

うまくいくと以下のように表示されると思います。

Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)


Vue CLI v5.0.8
✨  Creating project in C:\family-album-app.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


added 878 packages, and audited 879 packages in 48s

100 packages are looking for funding
  run `npm fund` for details

4 moderate severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
🚀  Invoking generators...
📦  Installing additional dependencies...


added 95 packages, and audited 974 packages in 9s

112 packages are looking for funding
  run `npm fund` for details

4 moderate severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project family-album-app.
👉  Get started with the following commands:

 $ cd family-album-app
 $ npm run serve