运行React Native项目报错路径在项目或node_modules未找到如何解决

架构老林

2026-9-26

问题原因

你使用的普通dotenv库仅适用于Node.js运行环境，React Native运行在移动端JS上下文，没有原生的Node文件系统API，无法直接读取项目根目录的.env文件，所以会触发路径找不到的报错。

解决步骤

卸载原来安装的普通dotenv：

npm uninstall dotenv
# 用yarn的话执行 yarn remove dotenv

安装React Native专用的环境变量库react-native-dotenv，适配你用的0.66版本RN：

npm install react-native-dotenv@3.4.2 --save-dev

打开项目根目录的babel.config.js文件，加入插件配置：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ["module:react-native-dotenv", {
      "moduleName": "@env",
      "path": ".env",
      "safe": false,
      "allowUndefined": true
    }]
  ]
};

修改app.js代码，删除原有dotenv引入逻辑，直接从配置好的@env模块导入变量：

import { API_LOGIN } from '@env';

class UserLogin extends Component{
   //some code here
   apiCallHere=()=>{
      const url=API_LOGIN;
      fetch(url,{
         method: 'POST',  
         body: JSON.stringify({   
            email: email,
            password: password
         }),
         headers: new Headers({
            'Content-Type': 'application/json',
         })
      }).then(res => res.json())
      .catch(error => console.error('Error: ', error))
            
      .then((response) => {
         if (response.access_token != undefined) {
            this.setState({
               accessToken : response.access_token,
            });
            if(this.state.accessToken != ''){
               this.props.navigation.navigate('UserHomePage');
            }
         }
         else{
            alert('Unauthorised User');
         }
      })
   }
}