Question

我正在按照入门页面中的步骤操作 https://github.com/angular/material2/blob/master/GETTING_STARTED.md

到目前为止，我已经使用以下

安装了材料

npm install --save @angular/material

现在我正在尝试将MaterialModule导入我的app组件

import { MaterialModule } from '@angular/material';

这会导致webpack抛出大量错误，例如

ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:14:27 
';' expected.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:14:29 
Duplicate identifier 'string'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:15:4 
Duplicate identifier 'readonly'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:15:13 
'=' expected.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:15:13 
Cannot find name '_tabindex'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:15:22 
';' expected.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-item.d.ts:15:24 
Duplicate identifier 'string'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-trigger.d.ts:26:4 
Duplicate identifier 'readonly'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-trigger.d.ts:26:13 
'=' expected.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-trigger.d.ts:26:13 
Cannot find name 'menuOpen'.
ERROR in [default] C:/mypathSource/Repos/dir/Web.Angular/node_modules/@angular/material/menu/menu-trigger.d.ts:26:21 
';' expected.

我做错了什么？

Answer 1

从角度/材质库导入MaterialModule后，您需要将导入添加到NgModule，如下所示：

（在导入MaterialModule的同一个ts文件中）：

@NgModule({
  imports: [
    ...
    MaterialModule.forRoot(),
    ...
  ]
  ...
})

这将添加该模块，以便您可以在您的应用中使用它。

Answer 2

我最终通过处理angular / webpack入门套件中的package.json更新了我的节点模块的所有版本，错误消失了。

导入MaterialModule

2 个答案: