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