2016-10-23 6 views
0

ディレクティブ(ObDatePickerModule)を持つモジュールを作成しました。
また、ObDatePickerModuleの依存関係を持つプロジェクトを作成しました(依存関係はpackage.json)。
次は私が私のプロジェクトのモジュールにモジュールAをインポートしています:ここでAngular2 - 3番目のparetyモジュールのコンポーネントを使用

import {BrowserModule} from '@angular/platform-browser'; 
import {NgModule} from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 
import {ObDatePickerModule} from 'ng2-date-picker'; 

import {AppComponent} from './app.component'; 

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

は、プロジェクトのapp.componentである:ここで

import {Component} from '@angular/core'; 
import {ObDayPickerComponent} from 'ng2-date-picker'; 
import * as moment from 'moment'; 

@Component({ 
    selector: 'app-root', 
    template: '<ob-day-picker [(ngModel)]="date"></ob-day-picker>', 
    styleUrls: ['./app.component.css'], 
    entryComponents: [ObDayPickerComponent] 
}) 
export class AppComponent { 
    date = moment(); 
} 

は、私が取得していますエラーです:

main.bundle.js:66421 Unhandled Promise rejection: Template parse errors: 
'ob-day-picker' is not a known element: 
1. If 'ob-day-picker' is an Angular component, then verify that it is part of this module. 
2. If 'ob-day-picker' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<ob-day-picker [(ngModel)]="date"></ob-day-picker> 

コンポーネント名が実際にob-day-pickerであることを確認しました。

また、モジュールとObDayPickerComponentの両方のインポートをログしていますが、インポートが正しいと思われます。

私は何を欠席しましたか?

チェックアウトモジュールレポ:プロジェクトはここで見つけることができます
https://bitbucket.org/vlio20/ng2-date-picker


https://github.com/vlio20/3rd-ng2-module

+0

名前が 'ng2-date-picker'のパッケージは見つかりませんでした。 'ObDatePickerModule'に' ObDayPickerComponent'の宣言が含まれているかどうか確認してください。 – estus

+0

@estus、あなたはそれを探していますか? – vlio20

+0

私はそれが、https://www.npmjs.com/package/ng2-date-pickerになると期待しています。パッケージ自体に問題がある可能性は非常に高いです。質問のソースコードへのリンクを提供してください。 – estus

答えて

1

あなたが好きそれをエクスポートする必要がObDatePickerModuleObDayPickerComponent外を使用する場合:

@NgModule({ 
    declarations: [ 
    AppComponent, 
    ObDayPickerComponent, 
    ObCalendarComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule 
    ], 
    exports: [ObDayPickerComponent], // this line 
    bootstrap: [AppComponent] 
}) 

export class ObDatePickerModule {} 
+0

このエラーが発生しました: '予期しない値 'ObDatePickerModule'モジュールによってインポートされました。 ' – vlio20

+0

あなたの' app.module.ts'ファイルに 'console.log(ObDatePickerModule);' '@ NgModule'の前部を印刷してください。 – yurzui

+0

応答は: '関数ObDatePickerModule(){}' http://prntscr.com/cy0o9t – vlio20

関連する問題