为什么我不能使用 eslint-config-rallycoding npm 包对我的 create-react-app 项目进行 lint？答案

【问题标题】：Why can't I lint my create-react-app project with the eslint-config-rallycoding npm package?为什么我不能使用 eslint-config-rallycoding npm 包对我的 create-react-app 项目进行 lint？
【发布时间】：2017-11-26 00:39:40
【问题描述】：

我已经能够在多个 react 和 react 原生项目中使用 npm 包 eslint-config-rallycoding，但是在尝试使用 create-react-app 时遇到了问题。我需要执行其他步骤吗？

通常只需要：

创建项目
npm i --save-dev eslint-config-rallycoding
触摸.eslintrc
将{ "extends": "rallycoding" } 添加到 .eslintrc 文件中

我正在使用 sublime text 3，这适用于其他项目。我知道 create-react-app 有一堆额外的样板，也许我需要覆盖一些东西？

https://www.npmjs.com/package/eslint-config-rallycoding https://github.com/facebookincubator/create-react-app

【问题讨论】：

“我遇到了问题” - 什么？
啊，我想这很重要——它不会产生任何掉毛。没有任何更改、错误或任何表明我尝试设置 linter 的迹象。
从命令行运行是否有效？ eslint path/to/your/file.js ?
eslint src/App.js 返回找不到模块 'eslint-config-rallycoding'，即使它在 package.json 中

标签： reactjs eslint create-react-app

【解决方案1】：

阅读 create-react-app 自述文件中的以下几行后，我注意到已经包含 linting：

您需要先为您的编辑器安装一个 ESLint 插件。然后，将一个名为.eslintrc 的文件添加到项目根目录：

js { "extends": "react-app" }

现在您的编辑器应该报告 linting 警告。

要使用上述特定的 linting 包进一步自定义它，您需要弹出运行npm run eject，这将从您的项目中删除单个构建依赖项，从而允许自定义 babel、webpack 和 eslint 文件。

【讨论】：