在我的例子中,一个应用程序是基于微前端解决方案的,所有与主机应用程序相关的更新都成功应用。不幸的是,插件应用程序(捆绑为umd
库)无法应用任何与React组件作用域相关的更新。应该注意的是,位于React组件声明作用域之外的css
样式和代码都可以应用,没有任何问题。
在网络选项卡中,我可以看到所有更改都已成功接收,控制台通知我更改已应用,App is up to date!
,不幸的是,没有可视或逻辑更改,UI保持陈旧状态。只有完全重新加载才能修复这种情况。
一些体系结构细节:
主机和插件应用程序在不同的端口上提供服务。主机应用程序提供react
/react-dom
和react-refresh
的global
作用域示例。所有这些包都在同一捆绑包中。插件应用程序使用externals属性获取所有公开的React内容。react-refresh-webpack-plugin
和react-refresh/babel
在插件和主机应用程序webpack配置中定义。
软件包版本:
react-refresh-webpack-plugin: 0.5.0-beta.1
react-refresh: 0.9.0
react: 16.13.1
webpack: 5.27.2
webpack-dev-server: 4.0.0-beta.2
5条答案
按热度按时间au9on6nz1#
任何人,请帮我调查这一点;)
cnh2zyt32#
此问题已自动标记为过时。如果此问题仍对您有影响,请留下任何评论(例如,“碰撞”),我们将保持此问题的开放状态。很抱歉,我们尚未确定此问题的优先级。如果您有任何新的其他信息,请将其包含在您的评论中!
xuo3flqw3#
碰撞
qjp7pelc4#
@耶克维尔
你好,你解决这个问题了吗?..
我做了一个小的repro例子https://github.com/Holalko/fast-refresh-webpack-externals,所以如果有人能够帮助,那将是非常酷的!!
zzzyeukh5#
@Holalko很遗憾我仍然没有找到任何解决这个问题的方法:(