创建Vue项目遇到报错

Posted 2021-09-07 qqcc

由于电脑以前装过Vue-cli,再次创建项目的时候报错了（首先说下报错原因，是vue和vue-template-compiler版本不一致造成的）

如下所示：

$ vue create test1
D:\\nodejs\\node_global\\node_modules\\@vue\\cli\\node_modules\\vue-template-compiler\\index.js:10
  throw new Error(
  ^

Error:

Vue packages version mismatch:

- vue@2.6.10 (D:\\nodejs\\node_global\\node_modules\\vue\\dist\\vue.runtime.common.js)
- vue-template-compiler@2.6.14 (D:\\nodejs\\node_global\\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 should bump vue-template-compiler to the latest.

    at Object.<anonymous> (D:\\nodejs\\node_global\\node_modules\\@vue\\cli\\node_modules\\vue-template-compiler\\index.js:10:9)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789: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:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (D:\\nodejs\\node_global\\node_modules\\@vue\\cli\\node_modules\\vue-jscodeshift-adapter\\src\\parse-sfc.js:1:18)
    at Module._compile (internal/modules/cjs/loader.js:778:30)

网上查到了第一个方法，对我的问题没起作用，估计是问题稍微不一样吧，也列出来吧，毕竟别人也是解决问题了，万一有同学可以用这个方法解决呢，是吧

将vue改成和vue-template-compiler一样的版本，
npm install vue@2.6.10 --save

这个方法最终没有帮我改成一致的版本，由于我是新手，就没追究具体原因了，有知道了可以给我说下
下面这个方法帮我解决了问题
解决方案：

npm install -g @vue/cli --force  
1
可以强制覆盖以前旧版本的vue-cli脚手架

最终完美解决了
参考文章：
https://blog.csdn.net/qq_3815...
https://blog.csdn.net/qq_4305...