React JS项目引入@env报错：模块未找到的问题求助

问题根源 #

你安装的react-native-dotenv是专为React Native项目设计的，纯React Web项目无法识别这个包，这就是出现@env could not be found错误的核心原因。

正确解决方案 #

1. 卸载不适用的依赖包

执行命令移除react-native-dotenv：

npm uninstall -D react-native-dotenv

2. 安装Web项目适配的环境变量包

安装通用的dotenv依赖：

npm install dotenv

3. 配置并使用环境变量

• 保持根目录的.env文件内容不变：

  TOKEN=************
  

• 在App.js的最顶部添加dotenv配置（需放在其他代码导入之前）：

  // CommonJS写法
  require('dotenv').config();
  
  // 若项目支持ES模块，可改用：
  // import dotenv from 'dotenv';
  // dotenv.config();
  

• 直接通过process.env.TOKEN调用环境变量，无需从@env导入：

  // 示例使用
  const apiToken = process.env.TOKEN;
  

额外说明（Create React App项目专属） #

如果你的项目是通过Create React App创建的，无需额外安装dotenv，它内置支持环境变量：

• 修改.env文件，给变量加上REACT_APP_前缀：

  REACT_APP_TOKEN=************
  

• 直接在代码中使用process.env.REACT_APP_TOKEN即可，无需额外配置。

注意事项 #

• 确保.env文件和package.json处于同一目录（项目根目录）
• 务必将.env添加到.gitignore文件中，避免敏感信息泄露到版本库

内容的提问来源于stack exchange，提问作者Free Range squirrel Farm