vue执行 vue ui报错 vue和vue-template-compiler版本不匹配

傷城~ 2023-07-03 02:53 8阅读 0赞

为了用页面创建项目执行

//卸载vue 客户端  
npm uninstall vue-cli -g  
//安装vue客户端最新  
npm install -g @vue/cli

执行vue ui报错

�  Starting GUI...  
 ERROR  Error:

Vue packages version mismatch:

\- vue@2.6.10 (E:\\nodejs\\node\_global\\node\_modules\\vue\\dist\\vue.runtime.common.js)

\- vue-template-compiler@2.6.11 (E:\\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 sho  
uld bump vue-template-compiler to the latest.

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70][]

解决方案

npm list vue-template-compiler -g

查看版本发现vue-template-compiler为2.6.11 就想着把vue-template-compiler升上去没想到不行

后改为卸载vue-cli

执行

npm uninstall vue-cli -g

接着安装vue@2.6.11  npm install -g vue@2.6.11

再执行 vue ui成功打开vue创建项目的页面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200131223924424.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200131224228181.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200131224717916.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnpsMQ==,size_16,color_FFFFFF,t_70