React项目导入dotenv/config报错：无法解析path模块的解决方案

错误信息 #

ERROR in ./node_modules/dotenv/lib/main.js 2:13-28
Module not found: Error: Can't resolve 'path' in '/Users/Desktop/Developer/client/node_modules/dotenv/lib'

原因 #

webpack 5 不再默认提供 Node.js 核心模块的 polyfill（webpack <5 版本默认包含该特性），导致dotenv依赖的path模块无法被解析。

解决方法 #

方法一：添加polyfill（需要path模块功能时）

1. 安装依赖包：

npm install path-browserify --save-dev

2. 在webpack配置文件中添加fallback配置：

resolve.fallback: { 
  "path": require.resolve("path-browserify") 
}

方法二：禁用polyfill（无需path模块功能时）

在webpack配置文件中设置空模块映射：

resolve.fallback: { 
  "path": false 
}

重要警告 #

请勿在React应用中存储任何机密信息（如私有API密钥）！
环境变量会被直接嵌入到构建产物中，任何人都可通过检查应用文件查看这些信息。

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