由于vue對語法的限制過于嚴格，以至于在我第一次編譯運行的時候一直編譯失敗，當然也包括一些警告：
➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting WARNING Compiled with 1 warnings 5:00:12 PM ✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2 src/components/Message.vue:46:1 export default { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 src/components/Message.vue:47:1 data() { ^ ✘ http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses src/components/Message.vue:47:9 data() { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 spaces but found 6 src/components/Message.vue:48:1 return { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 6 spaces but found 8 src/components/Message.vue:49:1 form: { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:50:1 name: '', ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:51:1 region: '', ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:52:1 date1: '', ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:53:1 date2: '', ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:54:1 delivery: false, ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:55:1 type: [], ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:56:1 resource: '', ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 spaces but found 10 src/components/Message.vue:57:1 desc: '' ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 6 spaces but found 8 src/components/Message.vue:58:1 } ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 spaces but found 6 src/components/Message.vue:59:1 } ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 src/components/Message.vue:60:1 }, ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 src/components/Message.vue:61:1 methods: { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 spaces but found 6 src/components/Message.vue:62:1 onSubmit() { ^ ✘ http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses src/components/Message.vue:62:15 onSubmit() { ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 6 spaces but found 8 src/components/Message.vue:63:1 console.log('submit!'); ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 spaces but found 6 src/components/Message.vue:64:1 } ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 src/components/Message.vue:65:1 } ^ ✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2 src/components/Message.vue:66:1 } ^ ✘ 23 problems (23 errors, 0 warnings) Errors: 21 http://eslint.org/docs/rules/indent 2 http://eslint.org/docs/rules/space-before-function-paren You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file. 當然，這里的警告我是知道怎么回事，但是這個錯誤我就很不明白了，原來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就可以啦。
新聞熱點
疑難解答
