我在共享模塊方法中遇到了一個奇怪的問題
在我的共享模塊中，我有以下內容
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input'
import {MatButtonModule} from '@angular/material/button';
@NgModule({
declarations: [],
imports: [
CommonModule,
MatFormFieldModule,
MatInputModule,
MatButtonModule
],
exports:[MatFormFieldModule,MatInputModule,MatButtonModule]
})
export class SharedModule { }
我有一個在 app 模塊中延遲加載的登錄模塊
const routes: Routes = [
{
path: 'login',
loadChildren: () => import('@app/modules/login/login-routing.module').then(m => m.LoginRoutingModule)
}];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
在登錄模塊中，我匯入了共享模塊
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { LoginComponent } from './login/login.component';
import {SharedModule} from '@app/modules/shared/shared.module'
@NgModule({
declarations: [
LoginComponent
],
imports: [
CommonModule,
SharedModule
]
})
export class LoginModule { }
但是在LoginComponent即時獲取元素中添加表單欄位時，未知錯誤
nt:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
不知道為什么在延遲加載的模塊中會發生這種情況
Angular 版本：12 CLI 版本：12.2
uj5u.com熱心網友回復：
你的路由好像不對。您正在加載LoginRoutingModule，而不是LoginModule
uj5u.com熱心網友回復：
如果您在“您的路由似乎錯誤。您正在加載 LoginRoutingModule 而不是 LoginModule”之后遇到一些問題，請嘗試添加您的匯入 - loginModule：
imports:[
...,
RouterModule.forChild(
[
{
path:'',
component:LoginComponent
}
]),
...
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/348016.html
標籤：javascript 有角的 打字稿 角材料