使用Yarn Berry创建Create React App项目后执行yarn start报错的解决方法咨询

我之前也踩过这个坑，Yarn Berry（Yarn 2+）和Create React App的默认配置兼容性确实有点小问题，尤其是ESLint配置的解析环节。给你几个亲测有效的解决思路：

方法一：临时切换回Yarn Classic（Yarn 1.x） #

如果不想折腾配置，最快的解决方式就是给这个CRA项目单独用Yarn 1：

• 进入项目根目录，执行：yarn set version classic
• 重新安装依赖：yarn install
• 再启动项目：yarn start
  这样就能绕过Yarn Berry的模块解析差异，直接正常运行。

方法二：手动修复ESLint配置（保留Yarn Berry） #

要是想继续用Yarn Berry，可以手动补全ESLint的配置依赖：

1. 在项目根目录新建.eslintrc.json文件，写入以下内容：

{
  "extends": ["react-app"]
}

2. 安装ESLint的react-app配置包：yarn add eslint-config-react-app --dev
3. 重新启动项目：yarn start
   这个方法的核心是让Yarn Berry能明确找到react-app这个ESLint配置的位置，解决默认生成的package.json里配置路径解析失败的问题。

方法三：用CRA官方适配Yarn Berry的命令重新创建项目 #

其实CRA现在提供了适配Yarn Berry的初始化命令，你可以删掉现有项目，重新执行：

yarn create react-app apple
# 如果需要TypeScript模板，用这个：
yarn create react-app apple --template typescript

这个命令会自动针对Yarn Berry环境调整配置，避免出现找不到ESLint配置的问题，是最省心的长期解决方案。

问题原因补充 #

Yarn Berry采用了PnP（Plug'n'Play）模块解析机制，和Yarn 1的node_modules模式不同。CRA通过yarn dlx生成的项目，其package.json里的ESLint配置依赖于CRA内部封装的eslint-config-react-app，但Yarn Berry的PnP机制无法正确解析这个内部依赖的路径，导致启动时报错。而Next.js的初始化命令已经做了Yarn Berry的适配，所以不会有这个问题。

内容的提问来源于stack exchange，提问作者RegistryROK