vue项目初始化过程中错误总结
更新时间：2024年09月26日 09:12:36 作者：学习游泳的喵
在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版本即可。
总结
各人系统环境不一样，出现的错误也不尽相同，希望能帮助到您。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文通过图文并茂的形式给大家介绍了Vue组件之自定义事件的功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-02-02
本篇文章主要介绍了Vue组件通信实践记录（推荐），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
在项目中遇到通过点击加号实现输入框的增加、以及对该输入框的输入内容进行验证，通过这些诱导因素创作的这篇文章，本文重点给大家介绍在Vue中使用Avue、配置过程以及实际应用,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了Vue源码解读之Component组件注册的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了vue如何实现给特殊字段设置插槽,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以学习一下2023-09-09
这篇文章主要介绍了vue长按事件和点击事件冲突的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要为大家介绍了vue开发table数据合并实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家详细介绍了vue2实现手势密码功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要为大家详细介绍了vue实现内容可滚动的弹窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论