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。

这篇好文章是转载于：学新通技术网