eslint语法限制项目报错解决办法

PS F:\vue.news-master> npm run dev

> [email protected] dev F:\vue.news-master
> webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js

95% emitting

WARNING Compiled with 2 warnings 15:04:08

✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 1
src\App.vue:15:1
/*全局引入VueAwesomeSwiper轮播图插件*/
^

✘ http://eslint.org/docs/rules/spaced-comment Expected exception block, space or tab after '/*' in comment
src\App.vue:15:2
/*全局引入VueAwesomeSwiper轮播图插件*/
^

✘ http://eslint.org/docs/rules/spaced-comment Expected space or tab before '*/' in comment
src\App.vue:15:2
/*全局引入VueAwesomeSwiper轮播图插件*/
^

✘ http://eslint.org/docs/rules/no-unused-vars 'VueAwesomeSwiper' is defined but never used
src\App.vue:16:8
import VueAwesomeSwiper from 'vue-awesome-swiper';
^

✘ http://eslint.org/docs/rules/semi Extra semicolon
src\App.vue:16:50
import VueAwesomeSwiper from 'vue-awesome-swiper';
^

扫描二维码关注公众号,回复: 9703129 查看本文章

经过百度查询,原来eslint是一个语法检查工具,但是限制很严格,在我的vue文件里面很多空格都会导致红线(红线可以关闭提示),虽然可以关闭,但是在编译的时候老是会跳出来,所以能关闭是最好的了。
关闭方法:在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则:

module: {
rules: [
//...(config.dev.useEslint ? [createLintingRule()] : []), // 注释或者删除
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
...
}
]
}


最后再重新运行一下npm run dev或者构建命令 npm run build  

猜你喜欢

转载自www.cnblogs.com/dxt123456-/p/12451625.html