ホームページ > 記事 > ウェブフロントエンド > 他の人の Vue プロジェクトを実行する方法
実行方法: 1. 「node_modules」フォルダーと「package-lock.json」を削除します; 2. cmd ウィンドウを開き、cd コマンドを使用してプロジェクト ディレクトリに入ります; 3. npm キャッシュをクリアします。 4. 依存関係を再インストールします; 5. プロジェクトをパッケージ化します; 6. 「npm run dev」を実行して、実行中のプロジェクトに名前を付けます。
このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。
他の人の Vue プロジェクトを実行する方法:
職場では、他の人の Vue プロジェクトを引き継ぐ必要があることがよくあります。 svn、git 他の人の Vue プロジェクトを取得した後、それをどのように実行しますか?
1. vue プロジェクトの依存関係パッケージであるプロジェクト内の「node_modules」フォルダーを削除します。ただし、「node_modules」フォルダーは大きすぎるため、通常はパッケージ化されて svn や git にアップロードされないため、そのようなフォルダーがない場合は削除する必要はありません。
2. package-lock.json を削除します。 package-lock.json は、node_moudles フォルダー全体のツリー構造を記録し、モジュールのダウンロード アドレスも記録します。ただし、プロジェクト作成者の npm バージョン ライブラリに基づいて生成されます。この依存関係ファイルを削除しないと、npm バージョンの違いが発生します。が発生しやすくなり、エラーが発生します。
3. 次に、cmd を開き、cd を実行してプロジェクト ディレクトリに移動します。具体的な操作: 最初にドライブ文字を入力し、次に cd コマンドを使用してディレクトリを切り替えます。理解できない場合は、次のサイトで理解できます。あなた自身の。
4. npm clean queue -f
を実行して、npm キャッシュをクリアします。npm にキャッシュがある場合、依存関係のインストールに失敗することがよくあります。この問題が発生すると、非常に完全なエラー メッセージが表示されます。エラーメッセージに従って一つずつ解決してみましたが、解決できず、原因も分かりませんでした。
5. npm install
を実行して依存関係を再インストールします。
注: さまざまな奇妙なバグがあるため、cnpm インストールを使用しないことをお勧めします。npm のダウンロード速度が遅い問題は、次の操作を行うことで解決できます。
npm install --registry=https://registry.npm.taobao.org
= =======6. バージョンの問題により、ステップ 7 が直接太字に変更される場合があります。パスに & がある場合、エラーが発生することに注意してください。
6. npm run build を実行して、パッケージ。
7. 最後に、npm run dev を実行すると、プロジェクトが正常に実行されます。
コマンド npm run dev を実行すると、「npm ERR! missing script: dev」エラーが発生します。
これは、vue のバージョンの問題が原因です。 npm runserve を使用してプロジェクトを実行します。
関連する推奨事項:「vue.js チュートリアル」
以上が他の人の Vue プロジェクトを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。