Module build failed: Module failed because of a eslint warning

eslint 设置 warning 级别，在开发编译失败的原因，报错如下：

F:\vue-mobile-skeleton>npm run dev

> byhealth@1.0.0 dev F:\vue-mobile-skeleton

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 94% asset optimization

 ERROR  Failed to compile with 1 errors                                                                         22:51:17

 error  in ./src/app.vue

Module build failed: Module failed because of a eslint warning.

  ⚠  http://eslint.org/docs/rules/no-unused-vars  'o' is assigned a value but never used

  src\app.vue:60:7

  const o = 90;

         ^

✘ 1 problem (0 errors, 1 warning)

Warnings:

  1  http://eslint.org/docs/rules/no-unused-vars

 @ ./src/main.js 12:0-28

 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Module build failed: Module failed because of a eslint warning的原因，为自己当时即使是eslint 设置 warning 规则，在热更新都会报错，无法编译通过的！

解决：

1：把这个没有使用变量，删除

2：使用注释方式不进行检测 => // eslint-disable-next-line

3：把 eslint-laoder 的选项设置 fasle 即可；

// 目录：/build/webpack.base.conf.js 

const createLintingRule = () => ({

    test: /\.(js|vue)$/,

    loader: 'eslint-loader',

    enforce: 'pre',

    include: [resolve('src'), resolve('test')],

    options: {

        formatter: require('eslint-friendly-formatter'),

        emitError:false,

        emitWarning: config.dev.showEslintErrorsInOverlay,

        fix: true,

        failOnError: true,

        //如果有eslint警告，加载器将导致模块构建失败。

        //设置 false 即可，去除此检验

        failOnWarning: false,

    }

})

但是，还是看个人喜好，若是单单在控制台提示警告也可以，不过我本人不想看到有警告，所以就硬性设为 true 不让编译通过，个人喜爱而已！

巴特西

Module build failed: Module failed because of a eslint warning

最新文章

热门文章