Linux n'a pas réussi à créer le projet vue

PHPz
Libérer: 2023-05-24 14:05:37
original
691 Les gens l'ont consulté

J'ai récemment essayé de créer un projet Vue sur un système Linux, mais j'ai rencontré quelques problèmes. Après avoir essayé différentes méthodes de configuration et d'installation, j'ai finalement réussi. Dans cet article, je partagerai mon expérience avec ce problème et comment le résoudre.

Description du problème

J'utilise la version Ubuntu 18.04 et je viens d'installer Node.js et le gestionnaire de packages npm. Ensuite, j'ai exécuté la commande suivante pour installer Vue CLI :

npm install -g @vue/cli
Copier après la connexion
Copier après la connexion

Lorsque j'ai essayé de créer un nouveau projet Vue avec la commande suivante :

vue create my-project
Copier après la connexion
Copier après la connexion

J'ai rencontré l'erreur suivante :

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: []
}
Copier après la connexion

Analyse des causes

La raison de cela l'erreur est parce que le module @vue/cli-service est introuvable. @vue/cli-service est l'un des modules dépendants de Vue CLI Sans ce module, les projets Vue ne peuvent pas être créés normalement.

Solution

  1. Désinstaller Vue CLI

Tout d'abord, nous devons désinstaller la Vue CLI initialement installée. Vous pouvez utiliser la commande suivante :

npm uninstall -g vue-cli
npm uninstall -g @vue/cli
Copier après la connexion
  1. Installer nvm

nvm (Node Version Manager) est un outil qui peut être installé dans les mêmes outils pour installer et gérer plusieurs versions de Node.js sur chaque ordinateur. Étant donné que différentes versions de Node.js peuvent devoir être utilisées dans les modules dépendants de Vue CLI, nous devons installer nvm.

Utilisez la commande suivante pour installer nvm :

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
Copier après la connexion
  1. Installez Node.js

Après avoir installé nvm, nous pouvons utiliser nvm pour installer différentes versions de Node.js. Dans cet exemple, nous installerons la dernière version de Node.js.

Tout d'abord, utilisez la commande suivante pour lister les versions connues de Node.js :

nvm ls-remote
Copier après la connexion

Ensuite, nous pouvons utiliser la commande suivante pour installer la dernière version de Node.js :

nvm install node
Copier après la connexion

Après avoir installé Node.js, nous devons configuration Version par défaut de Node.js. Configurez à l'aide de la commande suivante :

nvm alias default node
Copier après la connexion
  1. Réinstallez Vue CLI

Après avoir installé Node.js, nous pouvons réinstaller Vue CLI :

npm install -g @vue/cli
Copier après la connexion
Copier après la connexion

Nous pouvons maintenant créer un nouveau projet Vue :

vue create my-project
Copier après la connexion
Copier après la connexion

Cela devrait fonctionner correctement maintenant. Créé Projet Vue. Si le problème persiste, vous pouvez essayer de redémarrer le terminal ou l'ordinateur pour vous assurer que les variables d'environnement pertinentes sont correctement chargées.

Résumé

Créer un projet Vue sous Linux nécessite une dépendance claire sur la version de Node.js. Dans le même temps, vous devez faire attention au chemin et à l'emplacement d'installation des modules concernés. Si vous rencontrez un problème, vous pouvez essayer de désinstaller et de réinstaller le logiciel concerné, ou consulter le message d'erreur correspondant pour résoudre le problème. A travers cet article, j'espère aider les développeurs qui rencontrent des problèmes lors de la création de projets Vue dans un environnement Linux.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!