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