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