2016-10-19 10 views
0

1つのディレクティブでnpmライブラリを作成し、npmリンクを使用してローカルでテストしようとしています。角2予期しない値 'AppModule'モジュールによって宣言された 'MyDirective'

しかし、私は、私はこのエラーを取得しています宣言配列の私のディレクティブを含めていたときに問題がある:

Unexpected value 'MyDirective' declared by the module 'AppModule'

マイライブラリ構造:

{ 
    "name": "my-directive", 
    "main": "./dist/index.js", 
    "typings": "dist/index.d.ts" 
} 
package.json

私のsrcフォルダ:

index.ts私はこのNPMパッケージをリンクしています

export * from "./myDirective"; 

myDirective.ts私の角度2アプリで今

import {Directive} from '@angular/core'; 

@Directive({ 
    selector: "my-directive" 
}) 
export class MyDirective { 
    constructor() { 
    console.log('directive works!'); 
    } 
} 

import { MyDirective } from "my-directive"; 

// This line indeed log the constructor function... 
console.log(MyDirective); 
// function MyDirective() { 
    // console.log('directive works!'); 
// } 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    MyDirective 
    ] 
}) 

何私は行方不明ですか?

+0

それは 'myDirective.ts'または' my-directive.ts'ですか? –

+0

ファイル名はmyDirectiveで、パッケージ名はmyディレクティブ –

+0

export *から "./my-Directive"です。 – Akanksha

答えて

0

私はこの問題に直面していたし、私はこの問題を解決し、私のNPMモジュールが働いdevDependenciesに依存関係フィールドから角度2つの依存関係を削除し、正確な理由はなく、package.jsonファイルにはわかりません。

試してみてください。

関連する問題