我是 A5 的菜鸟,做我的第一个“组件重构为模块”。我正在尝试使用在另一个模块的一个模块中定义的组件。我得到错误,ERROR in src/app/app-routing.module.ts(9,10): error TS2305: Module '"xxx/src/app/admin/admin.module"' has no exported member 'AdminHomeComponent'.
我已经查看了其他相关问题,但我只是遗漏了一些东西。希望你能帮忙。
app-routing.module.ts:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CommonModule } from '@angular/common';
import { HomeComponent } from './home/home.component';
import { ArchitectureComponent } from './architecture/architecture.component';
import { DesignComponent } from './design/design.component';
import { HistoryComponent } from './history/history.component';
import { AdminHomeComponent } from './admin/admin.module';
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: 'architecture', component: ArchitectureComponent },
{ path: 'design', component: DesignComponent },
{ path: 'history', component: HistoryComponent }
];
@NgModule({
exports: [ RouterModule ],
imports: [ RouterModule.forRoot(routes)]
})
export class AppRoutingModule { }
src/app/admin/admin.module:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AdminHomeComponent } from './admin-home/admin-home.component';
@NgModule({
imports: [
CommonModule
],
exports: [
AdminHomeComponent
],
declarations: [
AdminHomeComponent // <-- Tried adding this based on comments, no help
]
})
export class AdminModule { }
src/app/admin/admin-home/admin-home.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-admin-home',
templateUrl: './admin-home.component.html',
styleUrls: ['./admin-home.component.scss']
})
export class AdminHomeComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
如果有帮助,
src/app/app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { MDBBootstrapModule } from 'angular-bootstrap-md';
import { TreeModule } from 'angular-tree-component';
import { AppComponent } from './app.component';
...
import { HomeComponent } from './home/home.component';
import { ComponentsModule } from './components/components.module';
import { AdminModule } from './admin/admin.module';
@NgModule({
declarations: [
AppComponent,
...
HomeComponent,
AdminModule // <-- Tried adding this based on comments, but no help
],
imports: [
BrowserModule,
MDBBootstrapModule.forRoot(),
TreeModule,
AppRoutingModule,
AdminModule,
ComponentsModule
],
schemas: [ NO_ERRORS_SCHEMA ],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
也许答案很简单:直接从模块中导入组件?
但是我不应该能够使用从模块导出的组件,仅通过从模块导入该组件吗?
谢谢你的任何建议!
如果你从一个模块文件中导入它,你必须在你的 admin.module.ts 中以这种方式导出它
import { AdminHomeComponent } from './admin-home/admin-home.component';
export {AdminHomeComponent };
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句