解决vscode中json文件红色波浪线,eslint警告Parsing error: Unexpected token :eslint

956 阅读1分钟

vscode中项目使用了eslint和prettier,但是所有的json文件都会在第2行警告,很影响判断json格式是否有问题。

image.png

在网上找了一下答案,好多人说在.eslintrc.cjs中配置下面选项,但我这里本来就配置了这个😭,对我并没有发生作用

  parserOptions: {
    ecmaVersion: "latest",
  },

又看到以前有帖子说,需要配置parser,试了一下确实解决了我的问题。

  1. 安装parser
npm i @babel/eslint-parser -D 
  1. .eslintrc.cjs中配置,因为我这里本来就有ecmaVersion: "latest",所以没有删除。
  parser: "babel-eslint",
  parserOptions: {
    ecmaVersion: "latest",
  },

大功告成,警告解除。 image.png

👇🏻下面是我的eslint配置

image.png