vue版本问题导致:Syntax Error: TypeError: Cannot read properties of undefined (reading ‘parseComponent‘)

运行黑马程序员vue课程day04资料中的demo-02时出现问题:(附:解决问题在最最最下面中,开头是我在废话)

翻译报错原因:    语法错误: 类型错误: 无法读取未定义的属性(读取“parseComponent”)

(附:来自百度翻译)

上网查找原因,发现原因五花八门,对于vue小白而言,比较幸运,这里的问题比较简单,如下图所示,package.json中的vue和vue-complate-compiler的版本不一致。(具体为什么要一致,我也不清楚)

 观察黑马程序员的其他代码中,这两处的版本号的确都是一致的  2.6.11 ,所以此处我选择修改vue的版本号为2.6.11.(我电脑中安装的vue版本号为2.9.6,不一致居然也能运行正确,amzing)

看别的大佬都是轻描淡写一句“修改版本一致”,然后我就直接在package.json中修改,结果可想而知,错的离谱。

1.卸载原来版本不一致的vue:直接在vscode中打开终端(或者在文件所在的位置点击上面的地址栏输入“cmd”打开终端,也是一样的),打开之后输入:npm uninstall vue

(附:vscode打开终端快捷键是:

2.安装指定版本的vue:这里以我的2.6.11为例,还是在终端中输入:npm install vue@2.6.11

耐心等待,等到花儿开

3.运行:npm install express(或者是 npm install  还可以是npm i   这些的区别就是在vue的上面多了一个express的版本号,)

4.再启动:npm run serve

解决过程截图呢?过程比较狼狈,我相信你也不想看到我的”express_1~n“。

到这里就结束了吗?如果你成功运行起来,说明结束了,如果还是出现上面的问题,就得继续陪着vscode犯病。

 这个问题本来我没发现,我只是通过上面运行出了结果。本来想着记录一下,后来为了说明记录的真实性,重新建立了一个文件夹,命名为“express_n+1”,之后拷贝黑马程序员代码资料,day04的demo-2

(1) npm install    (2) npm run serve   果然出现上面错误,开心,一切都在掌握之中,开始改错:

(1)卸载vue:npm uninstall vue     (2) 安装2.6.11版本的vue:npm install vue@2.6.11

(3)重新运行:npm install            (4)npm run serve

到这里本该结束了,可我的程序还是那个错误,之后我索性将vue-complate-compiler重新安装一下

(5)卸载vueplate-compiler:npm uninstall vue-complate-compiler-compiler

(6)安装vueplate-compiler:npm install vue-complate-compiler@2.6.11 -D

(7)重新运行:npm install               (8)npm run serve

注:安装vue-complate-compiler指令最后面的“-D”是为了将vue-complate-compiler安装在devDependencies中,要是不加就会默认安装到vue那个框子里面。如果装错了,重新执行卸载命令再安装即可,问题不大。

到此,算是成功!!两次vue-complate-compiler的版本明明一样,但是就是后面重新安装的能运行起来,amzing。

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值