2017-09-01 53 views
1

当我进口材料模块在应用模块遵循添加@NgModule注释:错误:请使用最新的CLI和材料设计

import { NgModule } from '@angular/core'; 
import { SharedModule } from 'app/shared/shared.module'; 
import { AppRoutingModule } from './app-routing.module'; 
import { 
    MdTooltipModule, 
    MdTabsModule, 
    MdSlideToggleModule, 
    MdIconModule, 
    MdDialogModule, 
    MdButtonModule, 
    MdListModule, 
    MdCardModule, 
    MdToolbarModule, 
    MdProgressSpinnerModule, 
    MdProgressBarModule, 
} from '@angular/material'; 


@NgModule({  
    declarations: [ 
    //..components 
    ], 
    imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
MdTooltipModule, 
    MdTabsModule, 
    MdSlideToggleModule, 
    MdIconModule, 
    MdDialogModule, 
    MdButtonModule, 
    MdListModule, 
    MdCardModule, 
    MdToolbarModule, 
    MdProgressSpinnerModule, 
    MdProgressBarModule, 

    SharedModule, 
    AppRoutingModule, 
    ], 
    providers: [ 
    //.. 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

这给出了一个错误的遵循对每一道MD模块。我还更新了我的Angular CLI和Material Design。我也尝试只导入MaterialModule,但不推荐使用。

ERROR在意外的值 'MdTooltipModule在 E:/Code/employee-web/node_modules/@angular/material/typings/index.d.ts' 祁门功夫 泰德由模块“的AppModule在E: /Code/employee-web/src/app/app.module.ts'。请添加@NgModule 注释。

我该如何摆脱这个?

+0

你有没有导入ngModule? –

+0

@Vikhyath Maiya已从'@ angular/core'导入为{NgModule}; –

+0

然后发布确切的代码..其中没有在您发布的代码 –

回答

0

你仍然可以使用

import {MaterialModule, MdNativeDateModule, MdButtonModule} from '@angular/material'; 

可以说是MaterialModule depricated,但你没有得到任何错误。它工作正常。

您可以将所有这些额外模块导入到共享模块中,并将其添加到导入和导出中。并且只在app模块和其他功能模块中导入共享模块。它工作正常。

+0

我已经完成了。这给了我另一个错误在这里https://stackoverflow.com/questions/45993648/unable-to-export-materialmodule-from-shared-module-ts-on-build-time/45993818?noredirect=1#comment78949921_45993818这就是为什么我我直接导入到应用程序模块 –

0

错误表示在您导入的模块中没有称为MdTooltipModule的模块。这意味着在'@angular/material',没有MdTooltipModule模块。

凝视你的导入包内文件夹atnode_modules文件夹和findout那个包是所有exported模块

我觉得可能是一个拼写错误

一个多想,我看到的是你进口的两个组成部分MdTooltipModuleMdToolbarModule。确保你所有的导入都存在于模块内部