☰

如何消除 vue create 中的错误？

tag-icon • tag-icon npm
如何消除 vue create 中的错误？

我是 vuejs 和 vuetify 的新手。首先，我运行了命令 npm install @vue/cli -g。然后我运行了命令 vue create test。然后我收到此错误：

C:\Users\Dell\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\vue-templat
e-compiler\index.js:10
  throw new Error(
  ^

Error:

Vue packages version mismatch:

- [email protected] (C:\Users\Dell\node_modules\vue\dist\vue.runtime.common.js)
- [email protected] (C:\Users\Dell\AppData\Roaming\npm\node_modules\@
vue\cli\node_modules\vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for
 both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify sho
uld bump vue-template-compiler to the latest.

   at Object.<anonymous> (C:\Users\Dell\AppData\Roaming\npm\node_modules\@vue\c
li\node_modules\vue-template-compiler\index.js:10:9)
    at Module._compile (internal/modules/cjs/loader.js:776:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:690:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (C:\Users\Dell\AppData\Roaming\npm\node_modules\@vue\c
li\node_modules\vue-jscodeshift-adapter\src\parse-sfc.js:1:18)
    at Module._compile (internal/modules/cjs/loader.js:776:30)

之前我运行相同的命令来创建 vuetify 项目。然后没有错误。那么现在如何在 vuetify 中创建新项目？

答案1

如果你不小心将vue软件包安装在了你的用户目录中（C:\Users\Dell），那么尝试删除node_modules目录那里 （C:\Users\Dell\node_modules）。

node_modules目录通常由npm或yarn命令创建。

版本不匹配是怎么造成的？看起来你的包是从不同的位置加载的：

  • [电子邮件保护]（C:\用户\戴尔\node_modules\vue\dist\vue.runtime.common.js)
  • [电子邮件保护]（C:\Users\Dell\AppData\Roaming\npm\node_modules@vue\cli\node_modules\vue-template-compiler\package.json)

参考：

答案2

以下对我有用：

npm install vue

上述命令显示 +[电子邮件保护]

编辑文件 C:\Users\Dell\node_modules\vue\dist\vue.runtime.common.js。此文件列在上面错误的第一行。

在第 5001 行有以下行：

Vue$3.version = '2.5.11';

将其更改为

Vue$3.version = '2.6.10';

然后运行vue create。

相关内容