react-scripts babel 脚本在本地反应应用程序上使用纱线运行时出错

Question

运行yarn后遇到这个问题，尝试运行我的repo，这是我的repo结构

我运行命令纱线，这发生了

yarn yarn install v1.17.3 [1/4] 正在解析包... [2/4] 正在获取包... info fsevents@1.2.12: “win32”平台与此模块不兼容。 info "fsevents@1.2.12" 是一个可选的依赖项并且兼容性检查失败。 从安装中排除它。 info fsevents@2.0.7：平台“win32”与此模块不兼容。 info "fsevents@2.0.7" 是一个可选的依赖项并且兼容性检查失败。 从安装中排除它。 [3/4] 正在链接依赖项...警告“antd > rc-picker@1.1.5”有未满足的对等依赖项“dayjs@^1.8.18”。 警告“react-scripts-rewired > @typescript-eslint/eslint-plugin@1.13.0”有不正确的对等依赖“eslint@^5.0.0”。 警告“react-scripts-rewired > @typescript-eslint/parser@1.13.0”具有不正确的对等依赖关系“eslint@^5.0.0”。 警告“react-scripts-rewired > eslint-config-react-app@5.2.1”有不正确的对等依赖“@typescript-eslint/eslint-plugin@2.x”。 警告“react-scripts-rewired > eslint-config-react-app@5.2.1”有不正确的对等依赖“@typescript-eslint/parser@2.x”。 警告“react-scripts-rewired > @typescript-eslint/eslint-plugin > tsutils@3.17.1”有未满足的对等依赖“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”。 警告“> eslint-config-airbnb@18.1.0”有未满足的对等依赖“eslint@^5.16.0 || ^6.8.0”。 警告“> eslint-config-airbnb@18.1.0”有未满足的对等依赖“eslint-plugin-react@^7.19.0”。
警告“> eslint-config-airbnb@18.1.0”有未满足的对等依赖“eslint-plugin-react-hooks@^2.5.0 || ^1.7.0”。 警告“eslint-config-airbnb > eslint-config-airbnb-base@14.1.0”有未满足的对等依赖“eslint@^5.16.0 || ^6.8.0”。 警告“> eslint-plugin-import@2.20.1”有未满足的对等依赖“eslint@2.x - 6.x”。 [4/4] 构建新包...成功已保存锁定文件。 在 166.99 秒内完成。 PS D:\\Repos\\pth\\telehealth-frontend> yarn start yarn run v1.17.3 $ npm run build-css && react-scripts start

Covid19-Tele-Health@0.1.0 build-css D:\\Repos\\pth\\telehealth-frontend node-sass-chokidar src/styles/App.scss -o src/styles

渲染完成，保存 .css 文件... 将 CSS 写入 D:\\Repos\\pth\\telehealth-frontend\\src\\styles\\App.css

项目依赖树可能有问题。 这可能不是 Create React App 中的错误，而是您需要在本地修复的问题。

Create React App 提供的 react-scripts-rewired 包需要一个依赖：

"babel-eslint": "10.0.2"

不要尝试手动安装：您的包管理器会自动安装。 但是，在树的更高位置检测到了不同版本的 babel-eslint：

D:\\node_modules\\babel-eslint（版本：9.0.0）

众所周知，手动安装不兼容的版本会导致难以调试的问题。

如果您希望忽略此检查，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 这将永久禁用此消息，但您可能会遇到其他问题。

要修复依赖树，请尝试按照以下确切顺序执行以下步骤：

1. 删除项目文件夹中的 package-lock.json（不是 package.json！）和/或 yarn.lock。
2. 删除项目文件夹中的 node_modules。
3. 从项目文件夹中的 package.json 文件中的依赖项和/或 devDependencies 中删除“babel-eslint”。
4. 运行 npm install 或 yarn，具体取决于您使用的包管理器。

在大多数情况下，这应该足以解决问题。 如果这没有帮助，您还可以尝试其他一些方法：

5. 如果您使用 npm，请安装 yarn ( http://yarnpkg.com/ ) 并用它重复上述步骤。
   这可能会有所帮助，因为 npm 存在已知的包提升问题，这些问题可能会在未来版本中得到解决。

6. 检查 D:\\node_modules\\babel-eslint 是否在您的项目目录之外。 例如，您可能不小心在主文件夹中安装了某些东西。

7. 尝试在您的项目文件夹中运行 npm ls babel-eslint。 这将告诉您安装了 babel-eslint 的其他软件包（除了预期的 react-scripts-rewired）。

如果没有其他帮助，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 如果您无论如何都想继续，这将永久禁用此预检检查。

PS 我们知道这条消息很长，但请阅读上面的步骤 :-) 我们希望它们对您有所帮助！

错误命令失败，退出代码为 1。信息 访问https://yarnpkg.com/en/docs/cli/run获取有关此命令的文档。

任何帮助表示赞赏

Answer 1

错误是因为您手动安装了9.0.0版的babel-eslint但react-scripts需要10.0.2版的babel-eslint 。

你必须运行yarn remove babel-eslint然后运行yarn install

这将从您的package.json安装所有必需的依赖项