用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，解决方法：

做项目的小结 1.

Lucky_LXG

21509人浏览 · 2017-04-06 15:52:15

Lucky_LXG · 2017-04-06 15:52:15 发布

用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，解决方法：

一问题：

因为设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。Use ESLint to lint your code? (Y/n) 这一步选no

如果你想有良好的规范，其实错误已经很清晰，大多数就是缩进不规范，分号不需要等原因，很容易解决的。写多了就成习惯了。

二、或在eslint中修改配置：
1 .禁止多個空行（no-multiple-empty-lines）

解决方法： http://eslint.org/docs/rules/no-multiple-empty-lines

2. semi Extra semicolon（额外的分号）

如果你要强加分号，就会报上面这个错误，如下，在vue的接口文件的mainjs里强加分号，

解决方法：在eslintrc.js文件里配置

具体的详情： http://eslint.org/docs/rules/semi

3. Newline required at end of file but not found

字面上翻译过来就是说：在文件结束但没有找到所需的换行符。

解决方法：面对这个报错，直接在所对应的文件里的最后Enter一下就好，这里太简单啦，就不配图啦吐舌头

4.Expect to indent the 2 spaces, but found that the 4

预期缩进的2个空格，但发现4

若想不要这提示的格式，详情： http://eslint.org/docs/rules/indent

在我的项目中，我是不要这提示的格式，so我们怎么做呢，很简单，我们只要在eslintrc.js文件下面的 rules中配置

'indent’:0 等,如第2个问题的图中的设置缩进空格，不同的bug对应不同设置，点击链接查询。

三、使用vue-cli脚手架构建了webpack项目，在开发过程中，Eslint验证太严谨了，想通过设置将这验证给关闭掉，操作如下：

在webpack.base.conf.js里面删掉下面:

preLoaders: [
      {
        test: /\.vue$/,
        loader: 'eslint',
        include: projectRoot,
        exclude: [/node_modules/, /ignore_lib/]
      },
      {
        test: /\.js$/,
        loader: 'eslint',
        include: projectRoot,
        exclude: [/node_modules/, /ignore_lib/]
      }
    ]

或者不想进行校验的文件就想上面一样创建一个ignore_lib,然后全部丢进去。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^