消费方报错

[yoyooyooo]

export default function HomePage() {
  useEffect(() => {
    bindReactRuntime({ React, ReactDOM });
  }, []);

  return (
    <div>
      <button
        onClick={() => {
          preFetchLib("hel-tpl-remote-react-comps-ts", {
            custom: { host: "http://localhost:3103", enable: !!location.port }
          })
            .then((res) => {
              console.log("远程包", res);
            })
            .catch(console.log);
        }}
      >
        test
      </button>
    </div>
  );
}

hel-tpl-remote-react-comps-ts 就是仓库里的模板，没做过改动

[fantasticsoul]

bindReactRuntime({ React, ReactDOM }) 需要第一时间调用，通常在入口文件第一行调用，见示例 https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0

[fantasticsoul]

我参考你这个例子改了一个，你可以看这个例子 https://codesandbox.io/s/naughty-kapitsa-e9ylji?file=/src/App.js

[starsoul666]

我参考你这个例子改了一个，你可以看这个例子 https://codesandbox.io/s/naughty-kapitsa-e9ylji?file=/src/App.js

这种方式preFetchLib获取的组件怎么使用呀？ 定义了一个state, 把res设置进去，使用的使用报错，不是一个组件 const [Component, setComponent] = useState();

setComponent(res)