umijs/father

react 组件库 打包 umd 产物 后使用 报错,esm 产物正常使用

x011223 opened this issue · 3 comments

demo

这两个 demo 是最新版本的 umi / dumi cli 创建的。
组件库 demo
组件使用 demo

尝试解决

具体代码可以参考下demo,这里是为解决问题的一些尝试以及表现。

1. react: 18.2.0 时,使用组件报错 Cannot read properties of null (reading 'useState')

image

image

2. react: 17.0.0 时,使用组件报错 Minified React error#321

image

image

3. 配置了externals 后,window.xxx === undefined

这个已经有人提过 issue

这个似乎需要额外配置什么东西,看了下 fusion 的低代码物料系统 发现 react 被直接打包进了组件中,但又 没有使用 externals,更像是 直接把 react 产物 加进去了。

请问,最后是怎么解决的呢?

请问,最后是怎么解决的呢?
使用组件的地方手动将 externals 的库挂到 window 上。比如 window.react = react;