reactjs 在项目中找不到React native-env文件

qmb5sa22  于 2023-03-12  发布在  React
关注(0)|答案(4)|浏览(170)
Unable to resolve module @env from D:\react\weatho\weatho-app\App.js: @env could not be found within the project

10:import {REACT_APP_WEATHER_API_KEY} from "@env";
我的env文件看起来像这样:
REACT_APP_WEATHER_API_KEY=2607fb610e6f9fecd16c84408d0b42a2
我的巴别塔文件是这样的

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

我的env文件与Appjson和其他一些文件沿着位于根文件夹中

djp7away

djp7away1#

您应该添加这样的插件(.env文件必须在根目录中)

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

别忘了重启expo start和ios/android系统。
如果您仍然遇到相同的问题,则可能是缓存问题。
您可以通过运行以下命令轻松清除babel缓存:

rm -rf node_modules/.cache/babel-loader/*

yarn start --reset-cache

expo r -c
ddrv8njm

ddrv8njm2#

你的巴别塔配置有“插件”,应该是“插件”

gtlvzcf8

gtlvzcf83#

yarn start --reset-cache
npm start -- --reset-cache
expo start -c
6tr1vspr

6tr1vspr4#

一个很好的解决方法是在moduleName后面用“react-native-dotenv”替换“@env”,如下所示:plugins:[ [ "module:react-native-dotenv", { moduleName:"react-native-dotenv", path:".env", }, ] ],完成后在屏幕示例中实现它:import { API_KEY } from "react-native-dotenv";

相关问题