webpack 远程处理react-bootstrap组件的问题：调度程序为空

o3imoua4 于 2023-10-19 发布在 Webpack

关注(0)|答案(1)|浏览(127)

我在尝试远程一个简单的react-bootstrap组件时遇到了一个奇怪的问题。我正在调整react microfrontends founded here的教程。
本质上，教程远程控制了一个按钮：

<button>MFE1 Button</button>

我只是添加了一个Col组件：

<div>
  <button>MFE1 Button</button>
         <Col >
          <span>First col</span>
         </Col>
  </div>

远程组件无法加载到主机中，控制台中显示“dispatcher is null”错误。所以还有一个警告说“无效的钩子调用”等等。参见here
我正在使用

"react":"^18.2.0",                                                
 "react-bootstrap": "^2.7.4", 
 "webpack": "^5.76.1",

当我在本地运行时，组件会正确显示，因此问题在于远程处理。当删除Col组件时，它也会正确远程处理。
我错过什么了吗？
嘉南

1条答案

好吧，这原来是与共享模块有关的问题;
本教程没有使用共享模块，所以我离开了它。看起来react-bootstrap拉入了react的另一个副本并破坏了它的状态。（我猜）。当我开始使用react和react-dom的共享模块时，这个问题就消失了。我将提交一个错误，因为至少错误报告可以好得多。