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+Echart绘制动态图

    基于Vue+Echart绘制动态图

    这篇文章主要给大家介绍了基于Vue+Echart的动态图绘制,用户需要展示他的数据库是有哪个数据库转化的,需要展示数据库的轨迹图,前导库的关系图,文中有详细的实现代码,需要的朋友可以参考下
    2023-10-10
  • Vue+Element-ui表单resetFields无法重置问题

    Vue+Element-ui表单resetFields无法重置问题

    本文主要介绍了Vue+Element-ui表单resetFields无法重置问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • 解决vue打包后刷新页面报错:Unexpected token <

    解决vue打包后刷新页面报错:Unexpected token <

    这篇文章主要介绍了解决vue打包后刷新页面报错:Unexpected token <相关知识点,需要的朋友们参考下。
    2019-08-08
  • vue实现两个组件之间数据共享和修改操作

    vue实现两个组件之间数据共享和修改操作

    这篇文章主要介绍了vue实现两个组件之间数据共享和修改操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 如何使用el-table实现纯前端导出(适用于el-table任意表格)

    如何使用el-table实现纯前端导出(适用于el-table任意表格)

    我们日常做项目,特别是后台管理系统,常常需要导出excel文件,这篇文章主要给大家介绍了关于如何使用el-table实现纯前端导出的相关资料,本文适用于el-table任意表格,需要的朋友可以参考下
    2024-03-03
  • 基于Vue组件化的日期联动选择器功能的实现代码

    基于Vue组件化的日期联动选择器功能的实现代码

    这篇文章主要介绍了基于Vue组件化的日期联动选择器的实现代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • vue自定义指令之面板拖拽的实现

    vue自定义指令之面板拖拽的实现

    这篇文章主要介绍了vue自定义指令之面板拖拽的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 关于el-table-column的formatter的使用及说明

    关于el-table-column的formatter的使用及说明

    这篇文章主要介绍了关于el-table-column的formatter的使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vuex实现简单购物车

    Vuex实现简单购物车

    这篇文章主要为大家详细介绍了Vuex实现简单购物车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • vue-openlayers实现地图坐标弹框效果

    vue-openlayers实现地图坐标弹框效果

    这篇文章主要为大家详细介绍了vue-openlayers实现地图坐标弹框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09

最新评论