vue项目初始化过程中错误总结
作者：学习游泳的喵
在Vue.js项目初始化和构建过程中,可能会遇到多种问题,首先,npm install过程中报错,如提示“No such file or directory”,建议删除package-lock.json文件后重新安装,在build或run时,若出现core-js相关错误
vue项目初始化过程中的错误
使用npm install过程报错
npm install报错类似于
npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*
报错类似：
将 package-lock.json 文件删除，重新install
项目在build或run时报错
1、npm build 或 npm run 时，遇到关于 core-js 的错误 @core-js/modules/**
可能是由于 core-js 版本太高导致，解决办法：
- ① 可通过安装低版本解决 npm install core-js@2
- ② 修改 babel.config.js 文件：
presets: [ [ “@vue/app”, { useBuiltIns: “entry” } ] ]
2、在 build 或 run 时，若遇到 vue packages version mismatch: - vue@2.6.11 vue-template-compiler@2.6.10 类似报错
看报错提示可知是由于版本不匹配导致的，可将 vue-template-compiler 升级至所需的版本，此处 vue版本是2.6.11，而 vue-template-compiler 是2.6.10的，可通过
npm i vue-template-compiler@2.6.11(匹配的版本号) --save
3、在build或run时，若报错如：
Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined
执行 npm update，在build或run即可成功。
若还是报相同错误：
可以打开浏览器，看看页面上有没有什么报错，如：
页面给出了报错提示，按照提示修改即可。
比如此处：
由于vue版本和vue-template-compiler版本不一致导致，则按照提示升级vue-template-compiler版本即可。
总结
各人系统环境不一样，出现的错误也不尽相同，希望能帮助到您。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。