如何在 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",