2016-11-22 121 views
0

我正在嘗試將自己的模塊導入到角度2項目中。Angular 2導入自定義模型

定製型號app.model.ts

import { NgModule } from '@angular/core'; 
import { Custom} from './custom/custom'; 

@NgModule({ 
    declarations:[ Custom], 
    exports:[ Custom] 
}) 
export class CustomModule{ 

} 

systemjs.config.js加入我的自定義模塊文件夾中的src

map:{ 
    'custommodule':'src' 
}, 
packages: { 
     custommodule:{ 
     main: './app.module.js', 
     defaultExtension: 'js' 
     } 

app.module.ts努力進口自定義模塊

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { CustomModule} from 'custommodule'; 

@NgModule({ 
    imports:  [ BrowserModule, CustomModule], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

我得到一個錯誤在路徑中找不到custommodule。

回答

0

假裝你custommodule是不是爲app.module.ts在同一路徑上,:

import { CustomModule} from 'custommodule'; 

寫:

import { CustomModule} from './custommodule'; 
+0

爲什麼如果在systemjs.config.js文件中定義尋路仍然需要? –

+0

您正在將custommodule映射到錯誤的位置。嘗試像地圖:{'custommodule':'./ path/to/file'}。 – Cleiton