1. ホーム
  2. npm

vue-cli レポのダウンロードに失敗しました vuejs-templates/webpack 接続タイムアウトの解決法

2022-02-21 20:24:34

    質問の通り、vue-cliのツールコマンド vue init webpack vuedemo でvueプロジェクトを作成すると、パッケージをダウンロードする際に壁を越える必要があるためか、接続タイムアウトが発生したというエラーが報告されるようになりました。タイムアウトエラーのスクリーンショットは以下の通りです。

    Web上のヒントに従って、解決策は、代わりにオフラインで作成することです、我々はgithubリポジトリからvue-templates/webpackをダウンロードし、ローカルでそれを解凍する必要があります。ダウンロードのアドレスは https://github.com/vuejs-templates/webpack ダウンロードしたら、ローカルのユーザディレクトリの .vue-templates ディレクトリに解凍してください。

    webpack-develop.zipとしてダウンロードした後、それを解凍し、ユーザーディレクトリ内のディレクトリ名をwebpack.vue-templatesに変更する必要があります、フォルダ名の前にドット(.)があることに注意してください。

    こうすることで、再びvue init webpack vuedemoコマンドを実行する際に、オフラインで初期化するための引数--offlineを取る必要があります。

    作成に成功した場合のプロンプト。

    プロンプトに従って、プロジェクトディレクトリに移動し、npm run dev を実行してサービスを開始します。

    ブラウザで http://localhost:8080 を開くと、以下のような結果になります。

    素晴らしい作品です、ここに記します。