【问题标题】:The selector " did not match any elements选择器 " 不匹配任何元素
【发布时间】:2020-03-06 13:40:37
【问题描述】:

我正在使用 Angular 8 和 ASP.NET Core 2.2。 我有两页 Index.cshtml 和 Job newlist.cshtml
在页面index.cshtml 我使用标签<app-job-newlist></app-job-newlist>。 然后在页面newlist.cshtml 我使用标签<app-jobpicload></app-jobpicload>

加载页面newlist.cshtml时,我看到错误:

错误错误:"The selector "app-job-newlist" did not match any elements"

这是我的代码app-modules.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
//import { CommnetComponent } from './commnet/commnet.component';
import { CommentComponent } from './comment/comment.component';
import { JobListComponent } from './job-list/job-list.component';
import { JobServiceService } from './services/job-service.service';
import { JobLoadFileComponent } from './job-load-file/job-load-file.component';
@NgModule({
  declarations: [
    CommentComponent,
    JobListComponent,
    JobLoadFileComponent,

  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [JobServiceService],
  bootstrap: [ JobListComponent]
})
export class AppModule { }

【问题讨论】:

  • 那么,app-job-newlist 是在哪里定义的?通常在其中包含的组件之后命名文件,因此您应该在某处有一个job-newlist.component 文件...
  • 是“app-job-newlist”还是“app-job-list”?您的组件文件名看起来像“JobListComponent”。任何堆栈闪电战?

标签: javascript node.js angular typescript asp.net-core


【解决方案1】:

解释:

您想在 Angular 应用程序中使用的每个组件都必须显式 导入正确的模块,否则您将看到该错误,因为 角度找不到该组件的选择器标签

修复

确保将您的app-job-newlist 导入到您的模块中

【讨论】:

  • app-job-newlist 添加模块和页面 index.cshtml 但其他页面仅在重定向到 newlist.cshtml 时添加 添加标签 不要标记 app-job-newlist
  • 我真的不明白你想说什么
猜你喜欢
  • 2016-06-09
  • 2016-06-09
  • 1970-01-01
  • 1970-01-01
  • 2016-11-24
  • 2018-09-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多