使用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,加个回车啥的,可以重新加载,程序就可以重新运行了。