Module build failed: Module failed because of a eslint warning

eslint 設置 warning 級別,在 開發編譯失敗的緣由,報錯以下:javascript

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 規則,在熱更新都會報錯,沒法編譯經過的! vue

解決:java

1:把這個沒有使用變量,刪除webpack

2:使用 註釋方式不進行檢測 => // eslint-disable-next-lineweb

3:把  eslint-laoder 的選項設置 fasle 便可;npm

// 目錄:/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 不讓編譯經過,我的喜好而已!app

相關文章
相關標籤/搜索