全局安装vue-cli npm list -g --dept 0 报错

来源:3-1 vue3 新特性巡礼

慕圣3378379

2020-10-29

老师 全局安装完 cli后 执行 npm list -g --dept 0 会报错 npm ERR! peer dep missing: vue@3.0.2, required by @vue/compiler-sfc@3.0.2,这个怎么解决啊
图片描述

写回答

2回答

慕尼黑9181632

2021-03-12

我是凑巧买了这个课程, 在这凑巧遇到你踩了我曾经踩的坑了,缘分啊!

造成这个的问题是因为你的nodeJS和 npm 版本太低了

别使用 nodeJS 的 LTS 版本了,你试试 current 版本就不会有这个问题了

但是这个报错不影响你使用 vue-cli 创建项目(包括vue3.x的项目)

我也是借鉴了stackoverflow上的解答 加上我自己的实验,反正有一点我确认了

node 版本太低,你全局安装vue-cli时,在vue-cli的依赖里的 @vue 文件夹内 会有 compiler-sfc这个东东,这玩意一般人用不着,有兴趣你可以研究下 compiler-sfc的npm地址

compiler-sfc的 peerDependencies 需要vue3.x,但是 vue-cli 里面没有 vue3.x

//img.mukewang.com/szimg/604a5d76092aebdd15321428.jpg

//img.mukewang.com/szimg/604a5dd0097a2e6815460786.jpg


高node版本(貌似npm 大于7 吧,那么多nodeJS版本懒得找了)

 你全局安装vue-cli时,在vue-cli的依赖里的 @vue 文件夹内 不会有 compiler-sfc

//img.mukewang.com/szimg/604a5e280966a85612241168.jpg

//img1.sycdn.imooc.com/szimg/604a5e6109338e9c14641236.jpg

至于原因, 我也不知道为啥, 反正这样它不报错了

//img.mukewang.com/szimg/604a63e2096a210114140886.jpg

深究原因的话得去看vue-cli 源码,我反正是没兴趣去看 

tips,解答你这个问题时我用的node版本15.11.0,亲测解决







1
0

张轩

2020-10-30

同学你好 你执行 vue-cli 的命令应该不会有问题,这个依赖是在 vue-cli create 时候会进行安装的

0
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程