2017-09-25 3 views
1

私はスクロールのためにangle-io-slimscrollを使用しています。私はこのプラグインが必要な2つのモジュールを持っています。私は2つのモジュールで構成要素を宣言することができないことを理解angle-io-slimscrollがモジュールで動作しません

私はモジュールの両方にこのプラグインを追加する場合、このエラーがあり、

コンソールエラー1 Figure 1

だから私は、アプリでのプラグインを宣言.module、論理的にこれは問題ありとモジュールの両方がこれを行うことができるはずですが、私はこのエラーに

コンソールエラー2 Figure 2

に直面しています

注: 私はすべてのものをコンポーネントとして持っており、プラグインはその段階では動作していますが、複数のモジュールでは動作していません。

親切にこの問題を解決するか、私に何か良い選択肢を伝えるために私を助けて、感謝

答えて

0

Slimscrollはディレクティブであり、あなたが複数のモジュールにインポートすることはできません。

共有モジュールを作成し、Slimscrollをモジュールの宣言にインポートします。

また、共有モジュールをエクスポートし、使用するモジュールに共有モジュールをインポートする必要があります。他のモジュールで

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { SlimScroll } from 'angular-io-slimscroll'; 

@NgModule({ 
    imports: [ 
    CommonModule 
    ], 
    declarations: [ 
    SlimScroll 
    ], 
    exports: [ 
    SlimScroll 
    ] 
}) 
export class SharedModule { } 

だけ

import { SharedModule } from './shared.module'; 

@NgModule({ 
    imports: [ 
    // other imports 
    SharedModule 
    ]  
}) 
export class OtherModule { } 
+0

そのが働いSharedModuleをインポート!あなたのソリューションをありがとうございました。実際には私はコンソールのエラーの提案を見ることによってこれを試みたが、SlimScrollをエクスポートするのを忘れてしまった。それを指摘してくれてありがとう。 – mehmood

関連する問題