为什么我的 React Native dotenv 不起作用？

Question

我想使用react-native-dotenv，但它不起作用。

https://github.com/zetachang/react-native-dotenv

我创建了一个 .env 文件并添加了 FB_ID=21221

然后我去 babel 并像这样编辑：

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

我重新启动它并想访问FB_ID，但它不存在

Answer 1

react-native-dotenv 维护者。这是文档的旧版本。新文档位于 npm。该库现在是一个插件而不是预设。尝试

plugins: ['react-native-reanimated/plugin', 'module:react-native-dotenv']

。另外，

api.cache(true)

也没有帮助。试试

api.cache(false)

。

Answer 2

当使用react-native-dotenv时，你应该制作像declaration.d.ts这样的声明文件，并像下面这样放置模块。

声明模块 '@env' { 导出 const BASE_URL: string; }

希望工作然后使用

从“@env”导入{ BASE_URL }；