StencilJS与Storybook 7集成后热重载功能失效求助

问题背景 #

我将StencilJS与Storybook集成使用多年，此前运行状态一直良好。数月前把Storybook升级至7版本后，Stencil的热重载功能出现异常。当前环境为全新安装的Stencil 4与Storybook 7.1，修改Stencil创建的组件后，热重载完全无法生效，目前暂未找到解决方案。

问题推测 #

推测该问题与Storybook的Webpack版本升级有关——旧版Storybook使用Webpack 4，7版本起改用Webpack 5，可能是两者配置兼容问题导致热重载失效。

复现步骤 #

要复现该问题，可执行以下操作：

• 安装项目依赖：npm i
• 打开两个独立终端窗口，分别执行：
  • npm run stencil:start
  • npm run storybook:start

内容的提问来源于stack exchange，提问作者Helysion