npm run lint 和npm run lint-fix

Question

npm run lint 和npm run lint-fix 都报同样的错

Answer 1

叶赫那拉鬼龙 2019-01-08 22:39:55

老哥，你这个解决方案也是非常6，我也碰到了这个问题，按照你的方式确实到的了解决，不过你是从哪看出来需要安装eslint-plugin-vue 和vue-eslint-parser,我运行的时候根本没看到哪提示要装这两个模块啊

• 慕码人1018289 #1

  老师有给回复了一下，我根据回复找了一下

Answer 2

慕码人1018289 2018-12-27 16:59:57

我也遇到了同样的问题，我确定不是语法的问题。eslint应该校验vue文件中js的部分，但是它连template的部分也开始校验，显然是不对的，听课似乎这是html插件干的事情，可是我也不知道如何适配。我的配置是这样的：

请老师给点拨一下~

• Jokcy #1

  试一下eslint有个vue的插件

• 慕码人1018289 回复 Jokcy #2

  问题解决了，花了3步：
  1，我安装了eslint-plugin-vue
  2，根据提示我又安装了vue-eslint-parser
  3，在.eslintrc文件中配置"parser": "vue-eslint-parser"，而非babel-parser。
  
  这样就解决这个问题了，感觉老师。
  现在又有了一个新的问题。我发现我这样做，执行eslint --fix的时候可以修复vue文件中js的问题，但jsx文件中的内容却不能，我需要手动修复，请问jsx有什么办法也自动搞定吗？ 我似乎有些原理还是不知道。。。

• 慕码人1018289 回复 Jokcy #3

  似乎vue-eslint-parser的官方是这样推荐的：
  "parser": "vue-eslint-parser",
      "parserOptions": {
          "parser": "babel-eslint",
          "sourceType": "module",
          "allowImportExportEverywhere": false
      }

点开查看后面2条评论

Answer 3

Jokcy 2018-11-22 17:40:40

额，你这个错误提醒是JSX的啊，不应该出现在vue文件里面，你用的是什么eslint规则？

• 慕少0974861 #1

  同问，问也遇到了该问题，.eslint文件配置和老师的一样

• 慕码人1018289 回复 慕少0974861 #2

  可以看下我上面的回复