angular - 选择器“app-root”不匹配任何元素|| 角度 6
问题描述
我是 Angular 6 的新手,正在为教师开发管理面板。我开发了整个管理面板没有任何问题。开发管理员客户端后,我给了我一个单独的 html 文件用于登录。这就是整个问题的开始。所以我决定通过路由来做到这一点。我为管理面板和登录页面创建了布局。但现在我得到**“app-root”选择器不匹配**错误。
下面是我的 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 中添加一个包含 app-root 标记的 body 标记来解决类似的问题,如下所示:
<body>
<app-root></app-root>
</body>
推荐阅读
- css - 如何使svg图像高于其他元素
- sql - 默认情况下显示 Oracle Apex 选择列表
- powershell - 将文件路径参数传递给函数
- cors - 如何禁用 Sails v0.12 默认 CORS 挂钩?
- drupal - 如何在 Drupal 7 中将 target="_blank" 属性添加到页脚菜单块链接
- google-fabric - 为什么调用 [Answers logAddToCartWithPrice] 时货币代码为“000”
- kubernetes - 无法在 Docker-EE 上使用 Kubernetes 在 pod 内进行 pod 标记
- angular - Angular,Material Design Dialog 组件
- c# - 添加包会导致项目始终在调试模式下运行
- java - 遇到 Java 运行时问题