Angular 无法识别HTML选择器和指令
我有一个Angular应用程序,它依赖于一个共享库,其中有一个模块每隔一个模块导入一个配置:Angular 无法识别HTML选择器和指令,angular,typescript,visual-studio-code,angular8,Angular,Typescript,Visual Studio Code,Angular8,我有一个Angular应用程序,它依赖于一个共享库,其中有一个模块每隔一个模块导入一个配置: @NgModule({ exports: [ BrowserAnimationsModule, FormsModule, HttpClientModule, MaterialModule, InterceptorModule, ReactiveFormsModule, ] }) export
@NgModule({
exports: [
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
MaterialModule,
InterceptorModule,
ReactiveFormsModule,
]
})
export class SharedModule {
static forRoot(environment: Environment): ModuleWithProviders {
return {
ngModule: SharedModule ,
providers: [
NotificationService,
AuthGuard,
JWTService,
ShareDataService,
{
provide: ENVIRONMENT_TOKEN,
useValue: environment
},
{ provide: LOCALE_ID, useValue: 'pt' },
]
};
}
}
这是我的Angular应用程序中的ngModule(app.module.ts):
@NgModule({
declarations: [
AppComponent,
],
imports: [
AppRoutingModule,
SharedModule.forRoot(environment),
],
providers: [
...
],
bootstrap: [AppComponent]
})
export class AppModule { }
应用程序运行良好,但当我从组件打开任何html文件时,会出现以下错误:
[formGroup]指令在表单元素中:
无法绑定到“formGroup”,因为它不是“form”的已知属性。ng
mat-组件选择器在VsCode上引发此错误:
“mat datepicker”不是已知元素:
@NgModule({
exports: [
MatButtonModule,
MatCardModule,
MatToolbarModule,
MatDatepickerModule,
MatNativeDateModule,
MatFormFieldModule,
MatInputModule,
MatIconModule,
MatSnackBarModule,
MatTooltipModule,
MatSelectModule,
MatProgressSpinnerModule,
]
})
export class MaterialModule { }
[更新2]-我尝试禁用Angular语言服务VSCODE扩展,但问题已经解决。因此,看起来扩展无法识别我的外部库共享模块。有没有办法手动申报进口?
我还试图在SharedModule中添加导入数组,但没有发生任何事情,同样的错误。angular 8是否仍然对其所有组件使用桶导出?或者您是否为所有材料导入创建了一个模块?抱歉。我的共享模块中的材质模块是我自己的模块,用于导出我使用的每个材质模块。如果您没有导入材质模块,请尝试将材质模块导入到共享模块中。可能是因为您将角度材质与角度/形状混淆了吗
FormGroup
是后者的一部分,至少据我所知,不是棱角材料。