React 本机 expo .env 文件

Question

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

babel.config.js

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

.env

PORT=8082

应用程序.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 服务器。