Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Metro bundler响应本地动态组件加载_Reactjs_React Native_Webpack - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs Metro bundler响应本地动态组件加载

Reactjs Metro bundler响应本地动态组件加载

reactjs react-native webpack

Reactjs Metro bundler响应本地动态组件加载,reactjs,react-native,webpack,Reactjs,React Native,Webpack,我正在使用react和react native创建一个堆栈，我计划共享容器（逻辑）代码，同时还为native和web创建哑UIcomponents（返回布局的函数） 我试图有条件地为不同的构建导入UIcomponents。我可以使用webpack的NormalModuleReplacementPlugin在web上实现这一点，但是我找不到使用metro bundler的方法，因为没有可用的文档 那么，有没有一种方法可以真正配置您的设置，使您可以使用metro bundler有条件地为react

我正在使用react和react native创建一个堆栈，我计划共享容器（逻辑）代码，同时还为native和web创建哑UIcomponents（返回布局的函数）

我试图有条件地为不同的构建导入UIcomponents。我可以使用webpack的NormalModuleReplacementPlugin在web上实现这一点，但是我找不到使用metro bundler的方法，因为没有可用的文档

那么，有没有一种方法可以真正配置您的设置，使您可以使用metro bundler有条件地为react native导入组件呢。es6中的import语句只使用字符串文本，尽管您可以在react中使用require组合变量，但它不适用于react本机

现在，每次我运行命令时，它都会触发一个脚本，该脚本读取文件并更改导入语句 
。/native/One.component
到 
。/web/One.component
对于web本机，反之亦然

但是这样我就不能同时调试两台服务器了。我想知道有没有更干净的方法

只需转到终端并键入以下内容：

  • sudolsof-i:8081
  • kill-9
    • 我还试图解决一个我认为取决于配置metro bundler的问题，但我不确定这是否可行。是的，实际上主要问题是metro bundler没有官方文档，配置选项也不多，我查看了图书馆的代码，没有找到任何可以解决这个问题的方法。我计划使用webpack引导应用程序，以便更好地控制应用程序，但失败了。所以现在我正在使用一个脚本来更改import语句。我不能同时调试web和移动设备，但至少它是自动的