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

时间:2020-03-09 21:53:22   收藏:0   阅读:423

 

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

> vue.news@2.0.0 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‘;
^

 

经过百度查询,原来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  

原文:https://www.cnblogs.com/dxt123456-/p/12451625.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!