Angular 4 RC.4 & .net core 选择器“app”不匹配任何元素

Question

我有这个 https://github.com/damirkusar/AngularMeetsNetCore/tree/AngularRc4 项目，我在其中使用 Angular 4 RC.4 和 .net 核心。更新文件并通过热模块替换刷新应用程序时，出现以下错误：

Unhandled Promise rejection: The selector "app" did not match any elements ; Zone: <root> ; Task: Promise.then ; Value: ZoneAwareError__zone_symbol__error: Error: The selector "app" did not match any elements
    at DefaultDomRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:24029:19) [angular]
    at DebugRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:12878:49) [angular]
    at createElement (http://localhost:61234/dist/vendor.js:9171:23) [angular]
    at createViewNodes (http://localhost:61234/dist/vendor.js:11672:44) [angular]
    at createRootView (http://localhost:61234/dist/vendor.js:11619:5) [angular]
    at callWithDebugContext (http://localhost:61234/dist/vendor.js:12727:42) [angular]
    at Object.debugCreateRootView [as createRootView] (http://localhost:61234/dist/vendor.js:12204:12) [angular]
    at ComponentFactory_.create (http://localhost:61234/dist/vendor.js:9591:46) [angular]
    at ComponentFactoryBoundToModule.create (http://localhost:61234/dist/vendor.js:3490:29) [angular]
    at ApplicationRef_.bootstrap (http://localhost:61234/dist/vendor.js:5024:57) [angular]
    at http://localhost:61234/dist/vendor.js:4811:79 [angular]
    at Array.forEach (native) [angular]
    at PlatformRef_._moduleDoBootstrap (http://localhost:61234/dist/vendor.js:4811:42) [angular]
    at http://localhost:61234/dist/vendor.js:4772:27 [angular]__zone_symbol__message: "The selector "app" did not match any elements"__zone_symbol__stack: "Error: The selector "app" did not match any elements↵    at DefaultDomRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:24029:19) [angular]↵    at DebugRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:12878:49) [angular]↵    at createElement (http://localhost:61234/dist/vendor.js:9171:23) [angular]↵    at createViewNodes (http://localhost:61234/dist/vendor.js:11672:44) [angular]↵    at createRootView (http://localhost:61234/dist/vendor.js:11619:5) [angular]↵    at callWithDebugContext (http://localhost:61234/dist/vendor.js:12727:42) [angular]↵    at Object.debugCreateRootView [as createRootView] (http://localhost:61234/dist/vendor.js:12204:12) [angular]↵    at ComponentFactory_.create (http://localhost:61234/dist/vendor.js:9591:46) [angular]↵    at ComponentFactoryBoundToModule.create (http://localhost:61234/dist/vendor.js:3490:29) [angular]↵    at ApplicationRef_.bootstrap (http://localhost:61234/dist/vendor.js:5024:57) [angular]↵    at http://localhost:61234/dist/vendor.js:4811:79 [angular]↵    at Array.forEach (native) [angular]↵    at PlatformRef_._moduleDoBootstrap (http://localhost:61234/dist/vendor.js:4811:42) [angular]↵    at http://localhost:61234/dist/vendor.js:4772:27 [angular]"message: (...)name: (...)ngDebugContext: DebugContext_ngErrorLogger: ()originalStack: (...)stack: (...)toSource: ()toString: ()zoneAwareStack: (...)get message: ()set message: (value)get name: ()set name: (value)get originalStack: ()set originalStack: (value)get stack: ()set stack: (value)get zoneAwareStack: ()set zoneAwareStack: (value)__proto__: Object Error: The selector "app" did not match any elements
    at DefaultDomRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:24029:19) [angular]
    at DebugRenderer2.selectRootElement (http://localhost:61234/dist/vendor.js:12878:49) [angular]
    at createElement (http://localhost:61234/dist/vendor.js:9171:23) [angular]
    at createViewNodes (http://localhost:61234/dist/vendor.js:11672:44) [angular]
    at createRootView (http://localhost:61234/dist/vendor.js:11619:5) [angular]
    at callWithDebugContext (http://localhost:61234/dist/vendor.js:12727:42) [angular]
    at Object.debugCreateRootView [as createRootView] (http://localhost:61234/dist/vendor.js:12204:12) [angular]
    at ComponentFactory_.create (http://localhost:61234/dist/vendor.js:9591:46) [angular]
    at ComponentFactoryBoundToModule.create (http://localhost:61234/dist/vendor.js:3490:29) [angular]
    at ApplicationRef_.bootstrap (http://localhost:61234/dist/vendor.js:5024:57) [angular]
    at http://localhost:61234/dist/vendor.js:4811:79 [angular]
    at Array.forEach (native) [angular]
    at PlatformRef_._moduleDoBootstrap (http://localhost:61234/dist/vendor.js:4811:42) [angular]
    at http://localhost:61234/dist/vendor.js:4772:27 [angular]
consoleError @ vendor.js:100206

手动刷新应用时，它会正确加载和更新。

有谁知道问题出在哪里以及我必须改变什么？ 感谢您的帮助。

Answer 1

问题是在第 13 行的boot-client.ts 文件中引起的：

module['hot'].dispose(() => { platform.destroy(); });

当删除 platform.destroy();它又开始工作了。所以这一行应该是这样的：

module['hot'].dispose(() => { });