0611: parseComponent导致的项目启动失败解决复盘

66 阅读1分钟

H5项目启动记录

  1. 遇见了401 问题,当切换NPM版本后问题解决了

  2. 遇见Cannot read property 'parseComponent' of undefined问题

看到的解决方案是保证vue和vue-template-compiler版本的一致

2.1 遇到问题,在项目中没有看见这两个文件

解决方案:

a. 通过本项目的vuex明确了项目的vue版本,然而还是不知道如何同步版本

b. 查看旧有项目的modules的包中有vue和vue-template-compiler,查看其版本号,并将文件复制到新项目中,还是未启动

2.2 已知vue和vue-template-compiler的版本,项目未启动

解决方案:直接按照版本安装这两个文件,新增这两个的包,该问题解决

  1. 出现新问题,显示一个包没有需要安装

解决方案:安装新包,问题解决

反思(一天实现该问题的解决)

  1. 出现401,先确定npm版本是否是对的
  2. 如果包没有,那么直接重新安装包,module的逻辑是在一级结构里面有的包,会优先使用这部分的包
  3. 如何确认当前项目的版本,直接vue -v ,如果
  4. 通过vue -v 来确定vue的版本
  5. 知道vue cli的版本之后,如果其在14以上就用vue3,否则是vue2
  6. 如果是vue3 ,其对应的npm应该是最近的
  7. 当使用的 "lockfileVersion": 2,时,版本比较低可以通过使用npm install --lockfile-version 2 来锁定版本