首页 前端知识 vue版本问题导致:Syntax Error: TypeError: Cannot read properties of undefined (reading ‘parseComponent‘)

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

2024-02-19 09:02:09 前端知识 前端哥 14 490 我要收藏

运行黑马程序员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。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2279.html
标签
评论
发布的文章

jquery初始化方法

2024-03-04 10:03:13

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!