在使用vue-cli创建项目时，less和vue-router版本问题记录

使用vue-cli创建项目后，我选择的版本是vue2，基本的vue-router没有选，后面手动下载的，然后因为版本过高，npm自动给我安装的vue-router的版本为4.x，npm提示我需要装vue3才能用router，所以我又重新使用vue create创建了一个项目，对照了一下脚手架自动给我安装的版本：

"vue-router": "^3.2.0",

后面，我把less和less-loader都按照npm的要求装好后，将vue-router的版本按照上面的命令降级了。

装好vue-router并搭建好基本的架构后，报错：

报错：

Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined

 

原因：

vue版本和vue-template-compiler版本不一致导致

 

解决：

1. 删除node_modules

2. 修改packge.json文件，修改vue-template-compiler和vue版本一致（主意：这里vue-router和vue-template-compiler版本的^号需要删除，重新npm install才会OK）

3. npm install

参考：

Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined - zezhou222 - 博客园

 项目运行部署报错：Syntax Error TypeError Cannot read property ‘parseComponent‘ of undefined_asunny_的博客-CSDN博客

2、在搭建Footer组件时，封装该组件后，缺少图片image的问题，

将图片重新调整过来后还是报错的话，可以尝试一下修改Footer 的 template，加个回车啥的，可以重新加载，程序就可以重新运行了。