vue项目初始化过程中错误整理

vue.js项目初始化时遇到的问题

使用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版本即可。

各人系统环境不一样,出现的错误也不尽相同,希望能帮助到您。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值