如何在 create react app 中运行 eslint

Question

帮助在 create react app 中运行 eslint。

我用教程创建了 React 应用程序

然后我安装了

babel-eslint

standard

snazzy

然后我在 package.json 的下一行添加到脚本

"lint": "standart --verbose | snazzy"

现在我尝试使用命令运行 eslint： npm run lint

但我有一个错误Parsing error: Unexpected token = null

我的完整 package.json 如下

 { "name": "square_app_react", "version": "0.1.0", "private": true, "dependencies": { "react": "^15.6.1", "react-dom": "^15.6.1", "react-scripts": "1.0.10" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject", "lint": "standart --verbose | snazzy" }, "devDependencies": { "babel-eslint": "^7.2.3", "standard": "^10.0.2" } }

请帮助了解如何修复它或如何在我的情况下更正运行 eslint。

先感谢您。

Answer 1

您的 package.json 脚本中的拼写错误。 它应该是：

"lint": "standard --verbose | snazzy"

您还需要配置标准以使用 babel-eslint。 确保将此添加到您的 package.json。

{
  "standard": {
    "parser": "babel-eslint"
  }
}

Answer 2

在src文件夹中运行 EsLint：

./node_modules/react-scripts/node_modules/.bin/eslint src

Answer 3

最近的 React 脚本（至少版本 5，看起来）直接安装eslint ，因此您可以将以下行添加到package.json的"scripts"部分：

"lint": "eslint",

Answer 4

我将以下脚本添加到 package.json 中的脚本中：

"lint": "eslint src --ext .js,.jsx,.ts,.tsx",