Question

我正在app模块中导入材质模块：

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设计。我还尝试仅导入MaterialModule，但不推荐使用。

意外值中的错误＆＃39; MdTooltipModule in E：/Code/employee-web/node_modules/@angular/material/typings/index.d.ts' 祁门功夫由E：/Code/employee-web/src/app/app.module.ts'中的模块＆＃39; AppModule提供。请添加@NgModule 注释

我怎样摆脱这个？

Answer 1

你仍然可以使用

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

可能会说MaterialModule已被删除，但您不会收到任何错误。它工作正常。

您可以在共享模块中导入所有这些额外模块，并在导入和导出中添加它们。并且只导入应用程序模块和其他功能模块中的共享模块。它工作正常。

Answer 2

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

查看导入的包atnode_modules文件夹中的该文件夹，并找出该包是所有exported模块的一部分

我认为可能存在拼写错误

还有一个想法，我认为您导入了MdTooltipModule和MdToolbarModule。确保所有导入都存在于模块内

错误：使用最新的cli和材质设计时，请添加@NgModule注释

2 个答案: