React native 如何为第三方软件包创建模块名称别名

我有一个由react native init命令创建的应用程序。 我的应用程序导入websocket包，这反过来需要http包，并导致错误为“无法解析模块http”

i、 e:myApp->第三个模块->ws->http

我尝试通过安装“@tradle/react native http”来解决问题，并在我的应用程序包json文件中添加了以下行：

"browser": { "http": "@tradle/react-native-http" }, 
"react-native": { "http": "@tradle/react-native-http" },

但它不起作用

我也尝试使用巴别塔插件模块解析器，但也没有成功。这是我的。巴别LRC：

{
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": [
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    ["module-resolver", {
      "alias": {
        "@tradle/react-native-http": "http"
      }
    }]
  ]
}

如何处理我的案件？我研究通过使用网页包配置来解决这个问题，但不知道配置文件在哪里。在google之后，我认为react native init创建的项目使用metro配置而不是webpack。

试试看

    ["module-resolver", {
      "alias": {
        "http":"@tradle/react-native-http"
      }
    }]

---

已经验证了只需在package.json文件中配置“browser”和“react native”即可工作。不知道为什么一开始就失败了。现在，我的项目在没有config.babelrc、metro.config.js或webpack.config.js的情况下运行良好。