Angular 4 RC.4 & .net core 选择器 "app" 没有匹配任何元素
Angular 4 RC.4 & .net core The selector "app" did not match any elements
我有这个 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
手动刷新应用程序时,它会正确加载和更新。
有没有人看出问题所在以及我必须更改的内容?
感谢您的帮助。
问题出在第 13 行的 boot-client.ts 文件中:
module['hot'].dispose(() => { platform.destroy(); });
删除 platform.destroy() 时;它又开始工作了。所以这一行应该是这样的:
module['hot'].dispose(() => { });
我有这个 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
手动刷新应用程序时,它会正确加载和更新。
有没有人看出问题所在以及我必须更改的内容? 感谢您的帮助。
问题出在第 13 行的 boot-client.ts 文件中:
module['hot'].dispose(() => { platform.destroy(); });
删除 platform.destroy() 时;它又开始工作了。所以这一行应该是这样的:
module['hot'].dispose(() => { });