eslint語法限制項目報錯解決辦法


 

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  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM