首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >导入的@ngModule中的模块未被拾取

导入的@ngModule中的模块未被拾取
EN

Stack Overflow用户
提问于 2017-11-23 16:00:55
回答 0查看 1.5K关注 0票数 0

我有一个main @ngModule,看起来像这样:

代码语言:javascript
代码运行次数:0
运行
复制
import {NgModule} from '@angular/core';
import {ReactiveFormsModule} from "@angular/forms";
import {BrowserModule} from '@angular/platform-browser';
import {AccountCreateComponent} from './account/create/account-create.component';
import {AccountListComponent} from './account/list/account-list.component';
import {AccountUpdateComponent} from './account/update/account-update.component';
import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';
import {LeaveCreateComponent} from './leave/create/leave-create.component';
import {LeaveListComponent} from './leave/list/leave-list.component';

import {LoginComponent} from './login/login.component';
import {RestApiService} from "./rest-api.service";
import {HttpModule} from "@angular/http";
import {LeavePendingListComponent} from './leave/pending-list/leave-pending-list.component';
import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
import {MatPaginator, MatTableDataSource} from "@angular/material";
import {MaterialModule} from "./MaterialModule";

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    AccountCreateComponent,
    AccountUpdateComponent,
    AccountListComponent,
    LeaveCreateComponent,
    LeaveListComponent,
    LeavePendingListComponent,
    MaterialModule,
      MatTableDataSource
  ],
  imports: [
      BrowserModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    MaterialModule,
      MatTableDataSource,
    HttpModule
  ],
  providers: [RestApiService],
  bootstrap: [AppComponent]
})
export class AppModule { }

我有一个单独的ngModule (名为MaterialModule),如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
import {
    MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule,
    MatDatepickerModule, MatDialogModule, MatExpansionModule, MatGridListModule, MatIconModule, MatInputModule,
    MatListModule, MatMenuModule, MatNativeDateModule, MatPaginatorModule, MatProgressBarModule,
    MatProgressSpinnerModule,
    MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule, MatSliderModule, MatSlideToggleModule,
    MatSnackBarModule, MatStepperModule, MatTableModule, MatTabsModule, MatToolbarModule,
    MatTooltipModule
} from "@angular/material";
import {A11yModule} from "@angular/cdk/a11y";
import {BidiModule} from "@angular/cdk/bidi";
import {ObserversModule} from "@angular/cdk/observers";
import {OverlayModule} from "@angular/cdk/overlay";
import {PlatformModule} from "@angular/cdk/platform";
import {PortalModule} from "@angular/cdk/portal";
import {ScrollDispatchModule} from "@angular/cdk/scrolling";
import {CdkStepperModule} from "@angular/cdk/stepper";
import {CdkTableModule} from "@angular/cdk/table";
import {NgModule} from "@angular/core";
import {MatTableDataSource} from "@angular/material";
/**
 * Created by maurice on 22-11-2017.
 */
@NgModule({
    exports: [
        // CDK
        // A11yModule,
        // BidiModule,
        // ObserversModule,
        // OverlayModule,
        // PlatformModule,
        // PortalModule,
        // ScrollDispatchModule,
        // CdkStepperModule,
        CdkTableModule,

        // Material
        MatPaginatorModule,
        // MatAutocompleteModule,
        // MatButtonModule,
        // MatButtonToggleModule,
        // MatCardModule,
        // MatCheckboxModule,
        // MatChipsModule,
        // MatDatepickerModule,
        // MatDialogModule,
        // MatExpansionModule,
        // MatGridListModule,
        // MatIconModule,
        // MatInputModule,
        // MatListModule,
        // MatMenuModule,
        // MatProgressBarModule,
        // MatProgressSpinnerModule,
        // MatRadioModule,
        // MatRippleModule,
        // MatSelectModule,
        // MatSidenavModule,
        // MatSlideToggleModule,
        // MatSliderModule,
        // MatSnackBarModule,
        // MatStepperModule,
        MatTableModule,
        MatTableDataSource,
        // MatTabsModule,
        // MatToolbarModule,
        // MatTooltipModule,
        // MatNativeDateModule,
    ]
})
export class MaterialModule {}

您可以清楚地看到MaterialModule正在导入MatTableDataSource。然而,当我运行应用程序时,我得到了以下错误:

代码语言:javascript
代码运行次数:0
运行
复制
Can't export value MatTableDataSource from MaterialModule as it was neither declared nor imported!

这非常混乱,因为MatTableDataSource是由MaterialModule导出的,因此也是由appModule导入的。我还将MatTableDataSource直接添加到appModule的导入中,但这也解决不了任何问题。有没有人看到我做错了什么?这应该行得通..

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47450310

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档