Vue报错:may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore

项目运行时,报错

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.

Vue报错:may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore_第1张图片

解决办法

方法一

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

Vue报错:may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore_第2张图片

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

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

方法二

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

方法三

当项目并不存在build文件夹,即不属于vue脚手架工程,那请到根目录下 config文件夹下的index.js文件,将useEslint属性设置为false。
Vue报错:may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore_第3张图片

方法四

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

lintOnSave: false
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
})

然后重新启动就行。

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

你可能感兴趣的:(vue.js,前端,javascript)