VUE项目启动报错

文章讲述了开发者遇到Vue组件编译错误,通过逐步排查包括更新package.json版本、移除babel-eslint、修复eslint警告,最终发现配置问题导致的token验证失败。解决过程涉及JavaScript语法错误和工具配置优化。
摘要由CSDN通过智能技术生成

一、报错

ERRORFailed to compile with 1 error 
errorin ./src/components/tools/DynamicNotice.vue
Syntax Error: TypeError: Cannot read property 'range' of null0ccurred while linting DynamicNotice.vue:22
at Array.forEach (<anonymous>)
at Array.forEach (<anonymous>)
at Array.map (<anonymous>)
a,/node modu es/cache- oader/dst/cis,is??nef--12-0../node moduleshabe -loader/lib!.node modules/cache--oader/dist8:19-

看报错行代码,没有任何头绪,百度

return () => import(`@/views/Home.vue`)

二、解决

找到package.json修改版本,一开始是10.0.1的版本,然后修改的7.2.3的版本,没用。
在运行时,控制台有输出警告:warning babel-eslint@7.2.3: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
注释掉babel-eslint所在行。
再次运行,控制台打印非常多的报错和警告
执行命令,修复错误和告警:

eslint --fix src/

三、项目访问

启动成功后,登录时在用户名和密码正确的情况下返回token验证失败。想了一下应该是配置访问地址出了问题。
找到配置项目地址的地方,果然全局配置的所有地址都注释掉了,恢复注释,重新运行,然后正常访问。提交修改。
神奇的是同事也是拉取的代码,一次运行成功,什么问题都没有,离谱。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值