反应本机 expo .env 文件

Question

我创建了一个反应本机应用 expo.I 安装了 dotenv 包，我想制作一个 .env 文件并使用它，但我收到一条错误消息 Unable to resolve @env from ...。我已经阅读了很多关于在 expo 中使用 .env 文件的文章和博客 post，但我不知道如何修复它。这是代码：

babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo", "module:react-native-dotenv"],
  };
};

.env

PORT=8082

App.js

import React from "react";
import {View,Text} from "react-native";

import {PORT} from "@env";

export function App() {
return (
  <View><Text>{PORT}</Text></View>
);
}

Answer 1

尝试将 "module:react-native-dotenv" 放入 plugins 中，如下所示：

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    plugins: [["module:react-native-dotenv"]],
  };
};

之后不要忘记重新启动您的 expo/npm 服务器。

反应本机 expo .env 文件

React native expo .env file

reactjs

react-native

expo

dotenv