core.js:4070错误错误:“路由器出口”不是已知元素:

时间:2019-12-31 06:43:02

标签: angular asp.net-mvc visual-studio asp.net-core

我在Net Core 2角项目中使用“ dotnet new angular”创建了一个。但是,它会自动创建一个有角项目6,而不是当前的9版本。该项目一直在工作,但是当我将其升级到9时,它给出了bug。如果我单独运行角度项目,则可以正常工作,但是当我通过Visual Studio运行它时,就像附图中的enter image description here一样,我是臭虫。但是有一个问题,我在代码中没有任何路由器插座。这是我在默认项目中获得的代码,但是我从html中删除了它。我也找不到任何文件template.html。我清除了所有历史记录并重建了所有项目,但它仍在显示。 无论如何,我在app.module中添加了用于路由的所有设置。

app.module

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { Routes,RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
const routes: Routes = [
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full',
  }];

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
    HttpClientModule,
    FormsModule,
    RouterModule,
    RouterModule.forRoot(routes),
  ],
  exports: [RouterModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<body>
  <div class="container1">
    Test
  </div>
</body>

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
}

这里的一切都很基础。有任何想法吗?非常感谢!

0 个答案:

没有答案