【ERROR】vue-cli 报错 http://eslint.org/docs/....

最新推荐文章于 2024-08-08 15:29:29 发布

原创最新推荐文章于 2024-08-08 15:29:29 发布 · 6.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue-cli #vue #webpack

ERROR 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决Vue项目中因使用ESLint导致的代码规范报错问题，特别是当第三方库如amazeUI不遵循ESLint规范时的解决办法。通过在Webpack配置文件中排除node_modules目录，可以有效避免此类报错。

使用vue-cl脚手架搭建之后运行报错

........
./src/components/Member/member.vue
]50;CurrentDir=H:\Users\Administrator\Desktop\MyProduct\vue_t
  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 0 spaces but found 2               
  src\components\Member\member.vue:8:1
    export default {
   ^

  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 2 spaces but found 4               
  src\components\Member\member.vue:9:1
      data() {
   ^

  ✘  http://eslint.org/docs/rules/space-before-function-paren  Missing space before function parentheses                  
  src\components\Member\member.vue:9:9
      data() {
           ^

  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 4 spaces but found 6               
  src\components\Member\member.vue:10:1
        return {
   ^
   .............

出现这种错误的原因是，使用了eslint，这个是eslint的规范报错，能不用分号就不用分号。
然后这里报错的原因是因为amazeUI那个库不符合eslint的规范
这里写图片描述

解决这种为题的办法很简单在webpack配置文件中exclude加入node_modules
这里写图片描述

,{
    test: /\.js$/,
    loader: 'babel!eslint',
    // make sure to exclude 3rd party code in node_modules
    exclude: /node_modules/
  }