Module build failed: Module failed because of a eslint warning

2555 ワード

Eslintはwarningレベルを設定し、開発コンパイルに失敗した原因で、次のようにエラーが発生しました.
F:\vue-mobile-skeleton>npm run dev

> [email protected] 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を設定してコンパイルを通過させないで、個人的に好きです!
転載先:https://www.cnblogs.com/l-yabiao/p/10404139.html