首页 > 解决方案 > Angular:模块无法识别几个组件

问题描述

Webstorm 编译器消息
错误:(7, 2) ng:组件“AppComponent”未包含在模块中,并且在模板中不可用。考虑将其添加到 NgModule 声明中

RegistrationFormComponent 和 AccountComponent 相同

 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {UserService} from "./services/userService";
 import {CookieService} from "ngx-cookie-service/cookie- 
         service/cookie.service";
 import {HttpClientModule} from "@angular/common/http";
 import {BankService} from "./services/bankService";
 import {PaypalForm} from "./paypal-form/paypal.form";
 import {PaymentComponent} from "./transactions/payment.component";
 import {MicrosoftLogin} from "./services/microsoftLogin";
 import {AppComponent} from "./app.component";
 import {LoginForm} from "./login/login.form";
 import {AccountComponent} from "./account/account.component";

 @NgModule({
 declarations: [
   AppComponent,
   AccountComponent,
   LoginForm,
   PaypalForm,
   PaymentComponent,
 ],
imports: [
  BrowserModule,
  FormsModule,
  HttpClientModule,
  ReactiveFormsModule
],
providers: [
  UserService,
  CookieService,
  BankService,
  MicrosoftLogin
],
bootstrap: [AppComponent]
})
export class AppModule { }

项目文件夹img

肿瘤坏死因子。

标签: angularwebstorm

解决方案


这是 Angular 语言服务问题,类似于https://github.com/angular/angular/issues/14961

您可以在首选项中禁用该服务(首选项 | 语言和框架 | TypeScript,Angular 语言服务复选框),或者在出现问题后重新启动它:只需按下Typescript工具窗口工具栏中的重新启动服务按钮


推荐阅读