react-native - 将流浏览器与 expo 一起使用

Question

stream不能与 expo 一起使用，因为它是 Node.js 标准包。但是，包 stream-browserify在这些情况下可以用作替代方案。

为了让模块解决这个问题而不是原生 Node 包，我试图让 babel-plugin-require-rewrite与世博会合作。

我将此添加到 babel.config.js :

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      ["rewrite-require", { aliases: {
        "stream": "stream-browserify"
      }}]
    ]
  };
};

不幸的是，捆绑商不尊重它。尝试时出现此错误:

The package at "node_modules\qr-image\lib\qr.js" attempted to import the Node standard library module "stream". It failed because React Native does not include the Node standard library. Read more at https://docs.expo.io/versions/latest/introduction/faq.html#can-i-use-nodejs-packages-with-expo

是否有可能在世博会上进行这项工作？

Answer 1

最终为我工作的是创建一个 metro.config.js具有以下内容的文件(我使用 readable-stream 而不是 stream-browserify ，但我认为两者都应该工作):

module.exports = {
    resolver: {
        extraNodeModules: {
            stream: require.resolve('readable-stream'),
        },
    },
};

然后我就用了 yarn add readable-stream这允许依赖项使用 readable-stream好像是 stream .
这是基于我在这里找到的信息: https://gist.github.com/parshap/e3063d9bf6058041b34b26b7166fd6bd#file-node-modules-in-react-native-md