0

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

到目前为止，我已经安装了以下材料

npm install --save @angular/material

现在我正在尝试将 MaterialModule 导入我的应用程序组件

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.

我究竟做错了什么？

4

2 回答 2

0

从角度/材质库导入后MaterialModule，您需要将该导入添加到NgModule类似的内容中：

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

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

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

于 2016-12-21T15:44:54.760 回答
0

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

于 2017-07-07T14:22:26.880 回答