vue—解决“You may use special comments to disable some warnings. Use eslint-disable-next-line to

43 篇文章 0 订阅
错误

启动vue项目时,出现很多语法错误,并出现以下提示

在这里插入图片描述

出错原因

ESLint 对语法的要求过于严格导致编译的时候报上图那些错误。
要知道,这并不是代码有异常,而是代码格式有问题,这些错误并不会影响代码的执行结果。

解决方法

很简单,就如提示所言,我们我可以取消ESLint验证规则,这样就不会报这些异常了。

方法1

如果你的项目是vue脚手架工程,那么找到项目根目录下的bulid文件夹 -> webpack.base.conf.js

找到以下代码块并注释掉第三行代码

 module: {
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),  //注释掉该行代码
      {
        test: /.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },

注释完保存退出,重新启动项目即可。

方法2

当项目并不存在build文件夹,即不属于vue脚手架工程,那请到根目录下 config文件夹下的index.js文件,将useEslint属性设置为false。

在这里插入图片描述

在这里插入图片描述

若是不存在useEslint属性,可以自己添加进去(亲测有效)。

改完保存,重新启动项目即可。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值