Create-react-app 是否安装了内部损坏的依赖项？答案

【问题标题】：Create-react-app is installed with internal broken dependencies?Create-react-app 是否安装了内部损坏的依赖项？
【发布时间】：2020-01-19 19:51:30
【问题描述】：

我正在学习 react 并且对 create-react-app 实用程序有疑问。一旦我使用 create-react-app 创建了一个新项目并输入“npm list --depth 0” - 我收到以下错误：

PS C:\Users\dmitriiz\Documents\Sources\Sandbox\lovereact> npm list --depth 0
lovereact@0.1.0 C:\Users\dmitriiz\Documents\Sources\Sandbox\lovereact
+-- react@16.9.0
+-- react-dom@16.9.0
`-- react-scripts@3.1.1

npm ERR! peer dep missing: eslint@^5.0.0, required by @typescript-eslint/eslint-plugin@1.13.0
npm ERR! peer dep missing: eslint@^5.0.0, required by @typescript-eslint/parser@1.13.0
npm ERR! peer dep missing: typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta, required by tsutils@3.17.1

1）我将应用程序创建为：npx create-react-app lovereact（尝试了其他方式 - 结果相同）

2) 我不安装其他任何东西（如您在上面的列表中所见）

3) 在我的全局列表中，我只安装了 npm 包：

C:\Users\dmitriiz\AppData\Roaming\npm
`-- npm@6.11.3

4) 我的节点版本是 10.14.1

5) 我尝试全局安装 create-react-app 并使用全局实例，尝试安装不同的包来修复错误，以及其他一些事情 - 没有任何帮助。

6) create-react-app 可能有问题？例如这个文件：

lovereact\node_modules\@typescript-eslint\eslint-plugin\package.json

有这个 eslint peer dep:

"peerDependencies": {
    "@typescript-eslint/parser": "^1.9.0",
    "eslint": "^5.0.0"
  },

同时 lovereact\node_modules@typescript-eslint 文件夹里面没有任何 eslint 包。好的，也许它应该从 lovereact\node_modules\ 的上一级获取“eslint”包？是的，create-react-app 这里已经有 eslint 包，版本是 6.4.0

"_id": "eslint@6.4.0",

那绝对应该符合 "eslint": "^5.0.0" 的要求，不是吗？

所以请告诉我或 create-react-app 有什么问题？我在 Internet 上找不到完全相同的问题（包括 SO），但同时我发现 create-react 应用程序默认安装有问题。或者，也许我错过了什么？

提前谢谢你！

【问题讨论】：

也许你应该在create-react-app之后做npm install
这会阻碍你的发展吗？我不明白这是一个问题。一切对我来说都很好（刚刚创建了要检查的新项目）。我在运行该命令时收到该消息，但它不会导致任何问题。
@KamilW，尝试在项目文件夹中调用 npm install ，它进行了一些操作并打印了不同警告的列表。然后我再次尝试 list --depth 0 - 结果相同，这三个错误相同
@ChrisG，我还没有，但我只尝试了一些简单的指南，还没有使用 Typescript。无论如何，即使它不会妨碍我的开发过程，我也不希望从空的项目初始化中看到任何错误。我在 create-react-app 文档或其他任何地方都没有找到任何“已知问题”说明。所以我只是想弄清楚发生了什么，以及它是否预期 create-react-app 行为 - 那么证据在哪里呢？如果它不是预期的，那么值得了解导致问题的原因并解决它。这就是我担心它的原因
@dzaraev 前几天有 PR 合并了，还没有推出。这可以解决您看到的问题。 github.com/facebook/create-react-app/pull/7540

标签： reactjs npm create-react-app

【解决方案1】：

我通过执行以下步骤设法解决了这个问题：

1.- 删除除node_modules之外的package-lock.json文件

2.- 安装 esLint 6.4.0 版本，命令：

npm i eslint@6.4.0

3.- 通过命令在package.json中安装所有要使用的模块：

npm i

4.- 最后创建一个.env文件并添加如下命令，如下：

SKIP_PREFLIGHT_CHECK=true

【讨论】：

【解决方案2】：

更新节点版本，有节点v12.**然后在你要安装你的应用程序的目录中，使用以下代码：

npx create-react-app yourAppName

【讨论】：