运行React项目时出现DEP0148弃用警告该如何解决

警告内容中文翻译 #

(node:17128) [DEP0148] 弃用警告：路径为C:\Users\adqwe\Desktop\dsad\dev\peonani-web\node_modules\postcss-js\package.json的依赖包，在exports字段的模块解析逻辑中使用了已废弃的根文件夹映射"./"配置。

请更新该package.json文件，使用类似./*的子路径匹配模式。
（执行node --trace-deprecation ...命令可以展示警告的具体触发位置）

问题根因 #

该警告触发于Node.js 16及更高版本，是模块解析规范更新后的弃用提示，本质原因是项目依赖的低版本postcss-js包的配置不符合新版Node.js的规则，不会影响项目正常运行，仅为提示类警告。

解决方案 #

按优先级可选以下任意方案处理：

• 升级postcss-js到最新正式版，官方已在后续版本修复该配置问题，执行对应包管理器的升级命令即可：

  # npm用户执行
  npm install postcss-js@latest
  # yarn用户执行
  yarn add postcss-js@latest
  # pnpm用户执行
  pnpm add postcss-js@latest
  

• 若暂时不需要升级依赖，可在项目启动命令中添加参数屏蔽弃用警告，修改package.json中的scripts配置即可，示例如下：

  {
    "scripts": {
      "start": "node --no-deprecation node_modules/react-scripts/scripts/start.js"
    }
  }
  

• 临时手动修改配置，找到node_modules/postcss-js/package.json文件，将exports字段中的"./"替换为"./*"即可，该修改会在重新执行依赖安装后失效。

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