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