我是angular 6的新手，正在为教师开发管理面板。我毫无问题地开发了整个管理面板。在开发完管理客户端后，它给了我一个单独的html文件用于登录。这就是整个问题的根源。所以我决定按路线来做。我为管理面板以及登录页面创建了布局。但现在我得到**"应用程序根"选择器不匹配**错误。
下面是我的appComponent打字脚本
import { Component, OnInit, Inject } from '@angular/core';
import {ToastrService} from './services/toastr.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [],
providers:[ToastrService]
})
export class AppComponent {
}
这是我的index.html
<app-root>loading....</app-root>
下面是我得到的错误
the selector "app-root" did not match any elements
at DefaultDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.selectRootElement (platform-browser.js:1073)
at BaseAnimationRenderer.push../node_modules/@angular/platform-browser/fesm5/animations.js.BaseAnimationRenderer.selectRootElement (animations.js:229)
at DebugRenderer2.push../node_modules/@angular/core/fesm5/core.js.DebugRenderer2.selectRootElement (core.js:20837)
at createElement (core.js:17499)
at createViewNodes (core.js:19737)
at createRootView (core.js:19690)
at callWithDebugContext (core.js:20722)
at Object.debugCreateRootView [as createRootView] (core.js:20208)
at ComponentFactory_.push../node_modules/@angular/core/fesm5/core.js.ComponentFactory_.create (core.js:18029)
at ComponentFactoryBoundToModule.push../node_modules/@angular/core/fesm5/core.js.ComponentFactoryBoundToModule.create (core.js:7812)
我所缺少的。任何人都请帮忙。
我通过在index.html中添加一个包含应用程序根标签的body标签来解决类似的问题，如下所示：
<body>
<app-root></app-root>
</body>