执行yarn start启动React项目报错，安装web-vitals无效如何解决？

AI 小北

2026-9-28

问题根因

你遇到的ERR_PACKAGE_PATH_NOT_EXPORTED错误与之前尝试安装的web-vitals没有关联，核心是Node.js v17版本和项目依赖的旧版postcss、react-scripts存在兼容性冲突：旧版postcss的package.json没有配置符合Node 17 ESM解析规则的exports字段，导致无法正确找到./lib/tokenize路径。

可行解决方案

方案1（最稳妥）：降级Node.js到v16.x LTS长期支持版本
降级完成后删除项目根目录下的node_modules文件夹和yarn.lock文件，重新执行yarn install安装依赖，再运行yarn start即可正常启动。
方案2（无需修改Node版本）：升级react-scripts到最新版本
直接执行yarn add react-scripts@latest升级项目依赖的react-scripts，新版react-scripts已经适配了高版本Node的依赖规则，升级完成后重新启动项目即可。
方案3（兜底方案）：强制锁定postcss兼容版本
在项目的package.json文件中新增resolutions字段指定postcss版本：
```
"resolutions": {
  "postcss": "^8.4.6"
}
```
保存文件后重新执行yarn install安装依赖，再启动项目即可解决问题。