React引入CSS出现Unknown browser query `dead`错误的解决咨询

错误原因 #

这个错误源于项目使用的Autoprefixer版本过低，不支持dead这个浏览器查询关键字。dead是用于标记已废弃、不再维护的浏览器的查询规则，仅在较新版本的Autoprefixer中被识别。你的CSS代码本身没有直接使用该规则，问题出在构建工具的自动前缀配置环节。

解决方法 #

1. 升级Autoprefixer到最新版本 #

在项目终端执行命令：

# npm
npm install autoprefixer@latest --save-dev

# yarn
yarn add autoprefixer@latest --dev

2. 修改browserslist配置，移除dead规则 #

如果暂时不想升级依赖，可以修改项目的浏览器兼容配置：

• 在package.json中找到browserslist字段，替换为不含dead的规则：

"browserslist": [
  "> 1%",
  "last 2 versions",
  "not ie <= 8"
]

• 或者在根目录的.browserslistrc文件中修改：

> 1%
last 2 versions
not ie <= 8

3. 清理依赖缓存（可选） #

如果升级或修改配置后问题仍存在，尝试清理依赖并重新安装：

rm -rf node_modules package-lock.json
npm install

补充说明 #

你提供的App.js和Style.css代码本身没有问题，错误与代码逻辑无关，仅涉及构建工具的CSS前缀处理配置。

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