Linux が vue プロジェクトの作成に失敗しました

最近、Linux システム上で Vue プロジェクトを作成しようとしましたが、いくつかの問題が発生しました。さまざまなセットアップとインストール方法を試した後、最終的に成功しました。この記事では、この問題に関する私の経験とその解決方法を紹介します。

問題の説明

Ubuntu 18.04 バージョンを使用しており、Node.js と npm パッケージ マネージャーをインストールしたばかりです。次に、次のコマンドを実行して Vue CLI をインストールしました:

npm install -g @vue/cli

次のコマンドで新しい Vue プロジェクトを作成しようとしました:

vue create my-project

次のエラーが発生しました:

internal/modules/cjs/loader.js:583
    throw err;
    ^

Error: Cannot find module '/usr/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
    at Function.Module._load (internal/modules/cjs/loader.js:506:25)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:49:12)
    at internal/main/run_main_module.js:11:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

原因分析

このエラーの理由は、@vue/cli-service モジュールが見つからないことです。 @vue/cli-service は Vue CLI の依存モジュールの 1 つであり、このモジュールがないと Vue プロジェクトを正常に作成できません。

解決策

1. Vue CLIのアンインストール

まず、最初にインストールされたVue CLIをアンインストールする必要があります。次のコマンドを使用できます:

npm uninstall -g vue-cli
npm uninstall -g @vue/cli

2. nvm のインストール

nvm (ノード バージョン マネージャー) は、同じコンピューター上に複数の Node.js バージョンをインストールして管理できるツールです。 Vue CLI の依存モジュールでは異なるバージョンの Node.js を使用する必要がある場合があるため、nvm をインストールする必要があります。

次のコマンドを使用して nvm をインストールします:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

3. Node.js のインストール

nvm をインストールした後、nvm を使用してさまざまなバージョンのノード.js。この例では、最新バージョンの Node.js をインストールします。

まず、次のコマンドを使用して既知の Node.js バージョンを一覧表示します:

nvm ls-remote

次に、次のコマンドを使用して最新バージョンの Node.js をインストールします:

nvm install node

Node.js をインストールした後、Node.js のデフォルト バージョンを設定する必要があります。次のコマンドを使用してセットアップします:

nvm alias default node

4. Vue CLI の再インストール

Node.js をインストールした後、Vue CLI を再インストールできます:

npm install -g @vue/cli

これで、新しい Vue プロジェクトを作成できます:

vue create my-project

これで、Vue プロジェクトを通常どおり作成できるようになります。問題が解決しない場合は、端末またはコンピュータを再起動して、関連する環境変数が正しく読み込まれていることを確認してください。

概要

Linux で Vue プロジェクトを作成する場合は、Node.js のバージョンに明確に依存する必要があり、関連モジュールのパスとインストール場所に注意する必要があります。問題が発生した場合は、関連するソフトウェアをアンインストールして再インストールするか、関連するエラー メッセージを確認して問題を解決できます。この記事を通じて、Linux 環境で Vue プロジェクトを作成するときに問題が発生する開発者を支援できればと思っています。

以上がLinux が vue プロジェクトの作成に失敗しましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。