@talionposted at 2022-03-13

Vue3をnpmでインストールするとインストールを完了できません

Q&A

Closed

インストール error Vue.js vue-cli

解決したいこと

２月から学習を開始した初学者です。JavaScriptの学習がある程度進んできたため、Vue3をCLIを含めてnpmでインストールしたいです。

発生している問題・エラー

npm install -g @vue/cli　を実行したのですが、進捗バーが50%程度のところから進まず、開始から一定時間後（約1時間）、エラーメッセージが表示されてしまいます。　＊node.jsはインストール済み

出ているエラーメッセージは以下になります。

npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/nori/.npm/_logs/2022-03-13T03_38_46_375Z-debug-0.log

自分で試したこと

上記エラー内容で検索しましたが、Vueでは同様のエラーメッセージは見当たりませんでした。そのため、該当しそうな記事を参考に以下を実行しましたが解決に至っていません。
・npm config set proxy https://proxy.exaple.com:8080

よく分からないまま色々と試すのも怖いため、こちらで質問させていただきました。ご教示いただきたく、よろしくお願いします。

0 likes

1Answer

@uasi posted at 2022-03-14

50％ほど進捗してからネットワークエラーが出たということは、プロキシとは関係なく単に通信が不安定だからだと思われます。しばらく時間を置いてからやり直してみてください。

なお、

npm config set proxy https://proxy.exaple.com:8080

これは npm にプロキシを設定するコマンドですが、値が説明用のダミーなため、実行すると npm がネットワークに接続できなくなります。 npm config delete proxy を実行すれば元に戻せます。

0Like

Comments

@talion
Questioner
@uasiさん、ありがとうございます！
教えていただいた通り、`npm config delete proxy`を実行した後に再度インストールをしたところ、以下の注意が表示されました(約2時間掛かりました💦)。
エラーとは出ていないので、念のため `vue --version` を実行したところ、`@vue/cli 5.0.1`と表示されており、インストールはできているようです。注意書きを見ると、graphql-extensions APIが削除された等の記載はありますが、追加作業の必要有無が分かりません。重ねての質問ですみませんが、何か追加作業は必要でしょうか。

```
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated graphql-extensions@0.15.0: The `graphql-extensions` API has been removed from Apollo Server 3. Use the plugin API instead: https://www.apollographql.com/docs/apollo-server/integrations/plugins/
npm WARN deprecated apollo-tracing@0.15.0: The `apollo-tracing` package is no longer part of Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#tracing for details
npm WARN deprecated apollo-cache-control@0.14.0: The functionality provided by the `apollo-cache-control` package is built in to `apollo-server-core` starting with Apollo Server 3. See https://www.apollographql.com/dnpm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead
added 887 packages, and audited 888 packages in 2h
83 packages are looking for funding
run `npm fund` for details

3 moderate severity vulnerabilities

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
```
@uasi
WARN deprecated は非推奨警告を表します。 npm WARN deprecated graphql-extensions@0.15.0 は、今インストールした @vue/cli （またはその依存関係）が古いバージョンの graphql-extensions パッケージを使っているという意味です。

@vue/cli を使う分には問題ありませんし、できることもないので無視して大丈夫です。
@talion
Questioner
教えていただきありがとうございました。

Are you sure you want to delete the question?