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

我有这个https://github.com/damirkusar/AngularMeetsNetCore/tree/AngularRc4项目，我使用的是Angular 4 RC.4和.net内核。当更新文件和应用程序通过热模块更换刷新，我得到以下错误：Angular 4 RC.4＆.net core选择器“app”与任何元素都不匹配

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

当手动刷新应用程序，它加载和更新正确。

有没有人看到问题是什么，我必须改变？感谢您的帮助。

来源

2017-03-18 damir

你可能想要通过你的package.json，并确保你的依赖关系是在适当的（最新）版本。具体来说，zone.js为0.8.4;打字稿到2.2.1;还有其他人。这也可以解决你的其他问题。 –

Hi @ R.Richards，感谢您的提示，但是这并没有解决问题。已更新的软件包已签入。 – damir

是的，你全部更新了它们。 :)错误仍然是一样的？那里没有改变？ –

的问题是在boot-client.ts文件引起的在线路13：

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

拆卸时

platform.destroy（）;它开始再次运作。所以这行应该看起来像这样：

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

来源

2017-03-23 13:33:28 damir

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

回答

相关问题