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弹窗嵌入其它vue页面的操作代码

    vue弹窗嵌入其它vue页面的操作代码

    这篇文章主要介绍了vue弹窗如何嵌入其它vue页面,实现方式是将其他页面作为组件传入,在父页面将该组件引入到弹框内,实例代码简单易懂需要的朋友可以参考下
    2022-11-11
  • electron-vue开发环境内存泄漏问题汇总

    electron-vue开发环境内存泄漏问题汇总

    这篇文章主要介绍了electron-vue开发环境内存泄漏问题汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • Vue关于组件化开发知识点详解

    Vue关于组件化开发知识点详解

    在本篇文章里,小编给大家分享的是关于Vue关于组件化开发知识点详解内容,有兴趣的朋友们可以学习下。
    2020-05-05
  • vue.js的安装方法

    vue.js的安装方法

    这篇文章主要为大家详细介绍了vue.js的安装方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • vue-router 导航完成后获取数据的实现方法

    vue-router 导航完成后获取数据的实现方法

    这篇文章主要介绍了vue-router 导航完成后获取数据,通过使用生命周期的 created() 函数,在组件创建完成后调用该方法,本文结合实例代码给大家讲解的非常详细需要的朋友可以参考下
    2022-11-11
  • 基于element日历组件实现签卡记录

    基于element日历组件实现签卡记录

    这篇文章主要为大家详细介绍了基于element日历组件实现签卡记录,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 在antd Form表单中select设置初始值操作

    在antd Form表单中select设置初始值操作

    这篇文章主要介绍了在antd Form表单中select设置初始值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue3.0 项目搭建和使用流程

    vue3.0 项目搭建和使用流程

    这篇文章主要介绍了vue3.0 项目搭建和使用流程,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下
    2021-03-03
  • vueScroll实现移动端下拉刷新、上拉加载

    vueScroll实现移动端下拉刷新、上拉加载

    这篇文章主要介绍了vueScroll实现移动端下拉刷新、上拉加载,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 在 Vue 3 中设置 `@` 指向根目录的几种常见方法汇总

    在 Vue 3 中设置 `@` 指向根目录的几种常见方法汇总

    在 Vue 3 项目开发中,为了方便管理和引用文件路径,设置 @ 指向根目录是一项常见的需求,下面给大家分享在Vue3中设置 `@` 指向根目录的方法汇总,感兴趣的朋友一起看看吧
    2024-06-06

最新评论