TypeError: Cannot read property 'requestContent' of undefined. HMR. Angular

Question

我在 Angular 中收到 [HMR] Cannot apply update. Need to do a full reload! 错误。

The question 的问题与我的不同。您可以通过比较下面我的问题描述来了解差异。

这是我的堆栈跟踪：

[HMR] Cannot apply update. Need to do a full reload!
push../node_modules/webpack/hot/log.js.module.exports @ VM11 vendor.js:554031
(anonymous) @ VM11 vendor.js:553906
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ VM8 polyfills.js:9269
push../node_modules/zone.js/dist/zone.js.Zone.run @ VM8 polyfills.js:9028
(anonymous) @ VM8 polyfills.js:9767
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ VM8 polyfills.js:9301
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ VM8 polyfills.js:9073
drainMicroTaskQueue @ VM8 polyfills.js:9479
Promise.then (async)
scheduleMicroTask @ VM8 polyfills.js:9462
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ VM8 polyfills.js:9291
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ VM8 polyfills.js:9116
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ VM8 polyfills.js:9136
scheduleResolveOrReject @ VM8 polyfills.js:9757
ZoneAwarePromise.then @ VM8 polyfills.js:9890
hotUpdateDownloaded @ VM7 runtime.js:362
hotAddUpdateChunk @ VM7 runtime.js:338
webpackHotUpdateCallback @ VM7 runtime.js:57
(anonymous) @ VM751 main.1274ab951088de656961.hot-update.js:1

但是每当我单击堆栈跟踪中的文件时，我都会看到：

文件内容说：

TypeError: Cannot read property 'requestContent' of undefined

因此，我不再使用 HMR，而是重新加载整个页面。我已完成 here 中的所有步骤以启用 HMR。

我已经检查过，这些步骤确实适用于一个全新的空项目，而在我正在进行的项目中，这些步骤不起作用。所以，我的项目设置可能有问题，但我不确定哪里出了问题，我也不知道我可以检查什么。

Answer 1

该场景是一个 Typescript Preact Habitat 小部件，它从 HTML 获取道具。开发时，无法验证HTML props，但我定义了期望的类型。

在没有预期密钥的情况下测试 HTML 道具时收到此错误。

2 个要修复的选项：

修复未验证的 HTML prop
调整类型使属性可选

TypeError: Cannot read property 'requestContent' of undefined. HMR. Angular

TypeError: Cannot read property 'requestContent' of undefined. HMR. Angular

webpack-hmr

angular