时间戳

首页 > 解决方案 > Angular App 编译成功，得到错误 my-app did not match any elements，你能指导我有什么问题吗？

angular - Angular App 编译成功，得到错误 my-app did not match any elements，你能指导我有什么问题吗？

问题描述

在此处输入图像描述

在此处输入图像描述

路由.module.ts：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router'; // CLI imports router
import { BoardComponent } from './board/board.component';
import { ViewlistComponent } from './viewlist/viewlist.component';

const routes: Routes = [
  { path: '', component: ViewlistComponent },

  { path: 'View-List', component: ViewlistComponent },
]; // sets up routes constant where you define your routes

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class RoutingModule {}

app.component.html ：

<div class="navbar">
  <h1 class="brand">Project Manager / <small>Exemple</small></h1>
  <span>&nbsp;</span>
  <a class="main-btn" routerLink="/View-List" routerLinkActive="active"
    >button2</a
  >
</div>

<div class="interface"></div>

<!-- <app-board [board]=board></app-board>
  <app-info></app-info> -->
<router-outlet></router-outlet>

如您所见，我正在尝试加载我的应用程序，它已成功编译，但是当我在浏览器中加载应用程序时出现错误。我试图了解我在这里做错了什么。谁能告诉我这个错误的原因？

标签： angulartypescript

解决方案

似乎 index.html 缺少<my-app>元素。您能否检查index.html并添加以下内容<body>：

 <my-app></my-app>

推荐阅读