2016-08-19 287 views
0

更新角2 RC5和材料後alpha.7-4我有上的WebPack建設麻煩。角2材料

例如,如果我在某些組件的指示加入MdInput我有一個錯誤:

node_modules/webpack-core/lib/NormalModuleMixin.js:151 
           throw e; 
           ^

TypeError: Cannot read property 'substr' of undefined 

在示例官方庫中的他們有奇怪的進口

import {MaterialModule} from '@angular2-material/all/all'; 

我沒有這個模塊,並且無法在我的節點模塊中找到此路徑。但是,如果將該文件複製到目錄中,則不起作用。

回答

0

所有你需要的應該是這個在您的app.module.ts

import {MdInputModule} from '@angular2-material/input'; 

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

而且@angular2-material/core必須安裝

+0

的問題是,我做到這一點,有一個錯誤 – Illorian

0

角2 Materal 'all' 模塊似乎已被刪除。我RC5來到角2剛剛發現創建一個佈局模塊足以一個「所有」:

layout.module.ts:

import { NgModule }  from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { MdCoreModule } from '@angular2-material/core'; 
import { MdSidenavModule } from '@angular2-material/sidenav'; 
import { MdToolbarModule } from '@angular2-material/toolbar'; 
import { MdCardModule } from '@angular2-material/card'; 
import { MdButtonModule } from '@angular2-material/button'; 
@NgModule({ 
    imports: [ 
    CommonModule, MdCoreModule, MdSidenavModule, MdToolbarModule, MdCardModule, MdButtonModule], 
    exports: [MdCoreModule, MdSidenavModule, MdToolbarModule, MdCardModule, MdButtonModule] 
}) 
export class LayoutModule { } 

然後我導入我的應用程序模塊到這個'imports'數組。這就是我迄今爲止所需要的,並且包含在Material元素中的每個其他模塊/組件都會繼承md指令。

+0

當我嘗試從我的問題加入我的模塊一些MdModule我有一個的WebPack錯誤。它不是Angular它的webpack – Illorian