运行React应用报node:internal/modules/cjs/loader:488错误如何解决

该报错核心原因是你使用的非LTS版本Node v17与旧版react-scripts依赖的postcss包存在兼容性问题：Node v17的ESM模块解析规则更严格，旧版postcss的exports字段未暴露./lib/tokenize路径，因此触发解析错误。

方案1：降级Node到LTS长期支持版本（最稳定，优先推荐） #

Node v17属于尝鲜版本，对存量npm包兼容性差，降级到16.x LTS版本即可解决：

• 若使用nvm管理Node版本，执行以下命令：

nvm install 16.18.1
nvm use 16.18.1

• 降级完成后删除项目根目录下的node_modules文件夹、package-lock.json和yarn.lock文件，重新执行yarn install或npm install安装依赖，之后启动项目即可正常运行。

方案2：升级react-scripts到v5兼容版本 #

如果不想降级Node，可以直接升级react-scripts到适配高版本Node的v5版本：

• 执行升级命令：

# 用npm执行
npm install react-scripts@latest
# 用yarn执行
yarn add react-scripts@latest

• 升级完成后直接启动项目即可。

方案3：强制覆盖postcss版本（临时适配方案） #

如果不想做大版本改动，可以通过包管理器的版本覆盖规则强制指定兼容的postcss版本：

• 若使用yarn，在项目package.json中新增如下配置：

"resolutions": {
  "postcss": "^8.4.6"
}

• 若使用npm，在项目package.json中新增如下配置：

"overrides": {
  "postcss": "^8.4.6"
}

• 保存配置后重新执行依赖安装命令，再启动项目即可。

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