Angular 2 cli：如何加載顏色選擇器？沒有system.config.js了？

我按照GitHub上的使用指南加載所有內容，但是我得到這個錯誤「錯誤：模塊AppModule導入了意想不到的值ColorPickerModule」。Angular 2 cli：如何加載顏色選擇器？沒有system.config.js了？

https://github.com/Alberplz/angular2-color-picker

這是我迄今爲止

app.module.ts

import {ColorPickerModule} from 'angular2-color-picker'; 

imports: [ColorPickerModule]

工具欄組件

import {ColorPickerService} from 'angular2-color-picker'; 

@Component({ 
selector: 'app-toolbar', 
templateUrl: './toolbar.component.html', 
styleUrls: ['./toolbar.component.scss'], 
providers: [ColorPickerService] 
}) 

export class ToolbarComponent implements OnInit { 

constructor(private cpService: ColorPickerService) { } 

    ngOnInit() {} 

}

工具欄模板

<input [(colorPicker)]="color" [style.background]="color" [value]="color"/>

聽說system.config.js不再使用，但我不是100％肯定。我如何正確加載顏色選擇器？

來源

2017-01-05 LadyT

您應該在聲明組件的模塊中導入ColorPickerModule – Fals

我認爲你的問題是由於angular2-color-picker模塊不是AoT兼容（尚未）（因此在ng CLI項目中使用時不起作用）。您可以按照this的討論，瞭解何時將具有解決方案的PR合併到回購的主分支中。

來源

2017-01-07 13:09:42 Kinko

我同意。我結束了使用不同的圖書館來完成這項工作。 – LadyT

中只看vendor.ts爲用戶的WebPack的例子定義

import 'angular2-color-picker/lib';

相同的導入是app.module.ts。

import {ColorPickerModule, ColorPickerService} from 'angular2-color-picker/lib'; 

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

systemjs用戶可能會發現這個映射

'angular2-color-picker': 'node_modules/angular2-color-picker',

它告訴模塊應該由systemjs加載器加載之前NPM安裝。

來源

2017-01-05 21:00:59

我完全是這樣做的，我得到了同樣的錯誤。 – LadyT

npm i --save angular2-color-picker –

你不需要做任何事情，它應該工作。

來源

2017-01-05 21:01:43 YairTawil

Angular 2 cli：如何加載顏色選擇器？沒有system.config.js了？

回答

相關問題