用vue手脚架生成的项目直接修改时.vue文件后,保存编译就报一大堆的错,这是咋回事呢?
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 client.js?7955:105 [HMR] bundle has errors: 2 client.js?7955:107 [HMR] ./src/App.vue 3 ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6 4 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:19:7 5 label: 'aaa', 6 ^ 7 ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6 8 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:20:7 9 isFinished: true 10 ^ 11 ✘ http://eslint.org/docs/rules/indent Expected indentation of 6 space characters but found 7 12 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:22:8 13 { 14 ^ 15 16 ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6 17 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:23:7 18 label: 'bbb', 19 ^ 20 21 ✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6 22 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:24:7 23 isFinished: false 24 ^ 25 26 ✘ http://eslint.org/docs/rules/no-mixed-spaces-and-tabs Mixed spaces and tabs 27 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:31:2 28 toggleFinish: function(item){ 29 ^ 30 31 ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 space characters but found 1 32 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:31:6 33 toggleFinish: function(item){ 34 ^ 35 36 ✘ http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses 37 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:31:28 38 toggleFinish: function(item){ 39 ^ 40 41 ✘ http://eslint.org/docs/rules/space-before-blocks Missing space before opening brace 42 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:31:34 43 toggleFinish: function(item){ 44 ^ 45 46 ✘ http://eslint.org/docs/rules/no-mixed-spaces-and-tabs Mixed spaces and tabs 47 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:32:2 48 item.isFinished=!item.isFinished 49 ^ 50 51 ✘ http://eslint.org/docs/rules/indent Expected indentation of 3 space characters but found 2 52 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:32:5 53 item.isFinished=!item.isFinished 54 ^ 55 56 ✘ http://eslint.org/docs/rules/space-infix-ops Infix operators must be spaced 57 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:32:20 58 item.isFinished=!item.isFinished 59 ^ 60 61 ✘ http://eslint.org/docs/rules/no-mixed-spaces-and-tabs Mixed spaces and tabs 62 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:33:2 63 }, 64 ^ 65 66 ✘ http://eslint.org/docs/rules/indent Expected indentation of 1 space character but found 2 67 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:33:4 68 }, 69 ^ 70 71 ✘ http://eslint.org/docs/rules/no-mixed-spaces-and-tabs Mixed spaces and tabs 72 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:34:2 73 addNew: function(){ 74 ^ 75 76 ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 space characters but found 2 77 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:34:4 78 addNew: function(){ 79 ^ 80 81 ✘ http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses 82 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:34:20 83 addNew: function(){ 84 ^ 85 86 ✘ http://eslint.org/docs/rules/space-before-blocks Missing space before opening brace 87 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:34:22 88 addNew: function(){ 89 ^ 90 91 ✘ http://eslint.org/docs/rules/no-mixed-spaces-and-tabs Mixed spaces and tabs 92 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:35:2 93 console.log(this.newItem); } 94 ^ 95 96 ✘ http://eslint.org/docs/rules/brace-style Closing curly brace should be on the same line as opening curly brace or on the line after the previous block 97 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:35:5 98 console.log(this.newItem); } 99 ^ 100 101 ✘ http://eslint.org/docs/rules/indent Expected indentation of 4 space characters but found 2 102 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:35:5 103 console.log(this.newItem); } 104 ^ 105 106 ✘ http://eslint.org/docs/rules/semi Extra semicolon 107 /Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:35:30 108 console.log(this.newItem); } 109 ^ 110 111 112 ✘ 22 problems (22 errors, 0 warnings) 113 114 115 Errors: 116 10 http://eslint.org/docs/rules/indent 117 5 http://eslint.org/docs/rules/no-mixed-spaces-and-tabs 118 2 http://eslint.org/docs/rules/space-before-blocks 119 2 http://eslint.org/docs/rules/space-before-function-paren 120 1 http://eslint.org/docs/rules/semi 121 1 http://eslint.org/docs/rules/brace-style 122 1 http://eslint.org/docs/rules/space-infix-ops
因为你设置了eslint,如果你不想有规范的js代码,可以重新初始化关掉eslint。
Use ESLint to lint your code? (Y/n) 这一步选no
如果你想有良好的规范,其实错误已经很清晰,大多数就是缩进不规范,分号不需要等原因,很容易解决的。写多了就成习惯了。
或者
在bulid/webpack.base.conf.js里面有配置如下:
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint,发现在config/index.js里配置
useEslint: true, // 改为false即可。