2021-07-07 Eslint 报错问题，已解决！

最新推荐文章于 2024-03-06 08:37:32 发布

HAHA呀

最新推荐文章于 2024-03-06 08:37:32 发布

阅读量1.6k

点赞数 1

分类专栏：技术专栏

本文链接：https://blog.csdn.net/JZQSLJ/article/details/118546423

版权

技术专栏专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文记录了在Vue开发过程中遇到的Eslint报错问题及其解决方案。通过修改.eslintrc.js文件，关闭'space-before-function-paren'和'indent'规则，以及在webpack配置文件中调整linting规则，成功避免了Eslint错误的出现。对于开发环境，还特别处理了'no-debugger'规则，仅在生产环境下启用。

摘要由CSDN通过智能技术生成

Eslint 报错问题，已解决！

最近在用vue 框架，经常会出现eslint 报错问题，以此记录问题解决。

.eslintrc.Js文件修改

//**添加 'space-before-function-paren': 0,'indent': 'off',**


rules: {
    'space-before-function-paren': 0,
    'indent': 'off',

    // allow async-await
    'eslint space - before - function -paren': ["error", "never"], //注释：添加代码 防止报错elsint(修改后  重启编辑器)
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  }
}

build 文件下的webpack.base.conf.js修改

// An highlighted block
const createLintingRule = () => ({
  // test: /\.(js|vue)$/,
  // loader: 'eslint-loader',
  // enforce: 'pre',
  // include: [resolve('src'), resolve('test')],
  // options: {
  //   formatter: require('eslint-friendly-formatter'),
  //   emitWarning: !config.dev.showEslintErrorsInOverlay
  // }
})

    module: {
    rules: [
      // ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('media/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]
  },