Vue报错：may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore_you may use special comments to disable some warni

项目运行时，报错

You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.

解决办法

方法一

找到项目根目录下的bulid文件夹下的 webpack.base.conf.js，找到以下代码块并注释掉第三行代码

 module: {
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),  //注释掉该行代码
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
1
2
3
4
5
6
7
8

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

方法二

关闭eslint语法检测，在.eslintrc.js文件中，注释掉 eslint:recommended。

方法三

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

方法四

如果是vue3新项目的话，找不到上面的文件，找到vue.config.js把vue.config.js中的lintOnSave的值改为false即可。但如果在vue.config.js中没有lintOnSave则添加

lintOnSave: false
1

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
})
1
2
3
4

然后重新启动就行。

错误回顾：通过方法一 解决~