Vite React TypeScript monorepo 热模块重新加载（HMR）不起作用

Question

我有一个 Vite/React/Typescript/Yarn monorepo，其中包含两个应用程序和一些共享组件。 运行宁 vite dev.

时，我无法让 HMR 正常工作

示例存储库在此处：https://github.com/jakeboone02/em-hmr-test。如果您 运行 yarn && yarn start:app1，打开 http://localhost:3012/，然后编辑任何组件并保存，页面将重新加载，而不仅仅是替换组件。

repo 是实际专有代码的精简版本。我尝试按照 this discussion question answer 中的建议将所有导出转换为 defaults，但页面仍会在每次更改时重新加载。

Vite 配置有问题导致 HMR 无法工作吗？

Answer 1

原来我使用的是已弃用的 @vitejs/plugin-react-refresh instead of the newer, shinier @vitejs/plugin-react. Repo 已更新。