2017-02-15 13 views
0

私のAngular 2プロジェクトで、私のag-gridのeditorFrameWorkコンポーネントをいくつか宣言しています。私は私のエディタコンポーネントのコンストラクタですべてのサービスを注入するときしかし、活字体のコンパイラは、Webページのロード時に次のエラーがスローされます。ag-grid-n2原因、エディタコンポーネントのすべてのパラメータを解決できません。

Uncaught Error: Can't resolve all parameters for MyOtherEditorFrameworkComponent: (?) 
    at CompileMetadataResolver.getDependenciesMetadata (http://<rooturl here>/main.bundle.js:39398:19) 
    at CompileMetadataResolver.getTypeMetadata (http://<rooturl here>/main.bundle.js:39299:26) 
    at CompileMetadataResolver.getDirectiveMetadata (http://<rooturl here>/main.bundle.js:39074:28) 
    at http://<rooturl here>/main.bundle.js:39167:49 
    at Array.forEach (native) 
    at CompileMetadataResolver.getNgModuleMetadata (http://<rooturl here>/main.bundle.js:39161:49) 
    at RuntimeCompiler._compileComponents (http://<rooturl here>/main.bundle.js:57492:47) 
    at RuntimeCompiler._compileModuleAndComponents (http://<rooturl here>/main.bundle.js:57430:37) 
    at RuntimeCompiler.compileModuleAsync (http://<rooturl here>/main.bundle.js:57421:21) 
    at PlatformRef_._bootstrapModuleWithZone (http://<rooturl here>/main.bundle.js:41293:25) 

私が注入されたサービスを必要と別のエディタコンポーネントのために、この問題を回避得ています、コンポーネントのモジュールを宣言し、そのモジュールをapp.moduleに組み込むことによって実現されます。しかし、第2のエディタコンポーネントの場合、第1のエディタコンポーネントモジュールと共にapp.moduleに同様に定義された第2のエディタコンポーネントモジュールを追加すると、これは動作しないようです。

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { MyOtherEditorFrameworkComponent} from './my-other-editor-framework.component'; 

@NgModule({ 
    imports: [ 
    CommonModule 
    ], 
    declarations: [MyOtherEditorFrameworkComponent] 
}) 
export class MyOtherEditorFrameworkModule{ } 

のsrc /アプリ/コンポーネント/.../ mySecondEditorFrameworkComponent /私の秒エディタフレームワーク-component.ts

import { Component, OnInit, ViewChild, ViewContainerRef } from '@angular/core'; 
import { AgEditorComponent } from 'ag-grid-ng2/main'; 
import { MyInjectedService } from '../../../services/myinjectedservice/my-injected.service'; 

@Component({ 
    selector: 'app-name-editor', 
    templateUrl: './name-editor.component.html', 
    styleUrls: ['./name-editor.component.sass'] 
}) 
export class mySecondEditorFrameworkComponent implements OnInit, AgEditorComponent { 
@ViewChild('mySecondEditor', { read: ViewContainerRef }) mySecondEditor; 
constructor(private myInjectedService : MyInjectedService) { } 
...} 

のsrc /アプリ/ app.module

@NgModule({ 
    imports: [ 
     AgGridModule.withNg2ComponentSupport(), 
     MyOtherEditorFrameworkModule, 
     //MySecondEditorFrameworkModule, //<-- this throws the error 
     ...], 
    ... 
    providers: [ myInjectedService] 
    }) 

答えて

0

コンポーネントmySecondEditorFrameworkComponentモジュールではない、それはに置かれるべきですimportsの代わりに10

+0

これは初めてのことですが、それはタイプミスでした。これはまだエラーを引き起こしています – jerryh91

+0

'myInjectedService'をモジュールを別々に移動し、アプリケーションモジュールとMyOtherEditorFrameworkModuleモジュールにインポートする必要があるようです。 – kemsky

+0

私も試しましたが、それと同じエラーです。 – jerryh91

関連する問題