Ionic 3指令がionic2-autosizeで機能しない

Question

Ionicを使用していて、ion-textareaを持っています。私はionic2-autosizeを見つけました。これはdirectiveです。しかし、私はdirectiveを私のion-textareaに影響させることはできません。つまり、ユーザーがテキストを追加するにつれて拡大しません。

は、私が実行します。

npm install --save ionic2-autosize 

package.json

"ionic2-autosize": "^1.1.1", 

app.module.ts

import {Autosize} from 'ionic2-autosize'; 

@NgModule({ 
    declarations: [ 
    MyApp, Autosize 
    ], 
... 

review.ts

<ion-textarea autosize [(ngModel)]="ratingModel.review" formControlName="review" id="review"></ion-textarea> 

あなたが見ることができるように、私はion-textareaにautosize属性を追加しますが、これは効果がありません、それは2行の高さだけで通常のion-textareaのように振る舞います。私は高さが動的に拡大すると期待しています。

助けてください。

さらに詳しい情報：

global packages: 

    @ionic/cli-utils : 1.1.2 
    Cordova CLI  : 6.4.0 
    Ionic CLI  : 3.1.2 

local packages: 

    @ionic/app-scripts    : 1.3.0 
    @ionic/cli-plugin-cordova  : 1.1.2 
    @ionic/cli-plugin-ionic-angular : 1.1.2 
    Ionic Framework     : ionic-angular 3.2.1 

System: 

    Node  : v7.10.0 
    OS   : macOS Sierra 
    Xcode  : Xcode 8.3.2 Build version 8E2002 
    ios-deploy : not installed 
    ios-sim : not installed 

UPDATE

私は私のモジュールにAutosizeModuleを追加します。

review.module.ts

import {AutosizeModule} from 'ionic2-autosize'; 

@NgModule({ 
    declarations: [ReviewPage], 
    imports: [IonicPageModule.forChild(ReviewPage), ControlMessagesModule, RatingComponentUpdateableModule, AutosizeModule], 
    exports: [ReviewPage] 
}) 
export class ReviewPageModule { } 

しかし、このエラーを取得：

ERROR Error: Uncaught (in promise): Error: Type Autosize is part of the declarations of 2 modules: AppModule and AutosizeModule! Please consider moving Autosize to a higher module that imports AppModule and AutosizeModule. You can also create a new NgModule that exports and includes Autosize then import that NgModule in AppModule and AutosizeModule.

UPDATE

私はapp.module.tsからそれを削除し、上記のエラーを修正しているようです。しかし、今、私が取得：

むしろがCommonModuleを使用

ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead. Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

UPDATE：

review.module.ts

//import {AutosizeModule} from 'ionic2-autosize'; 
import { CommonModule } from '@angular/common'; 

@NgModule({ 
    declarations: [ReviewPage], 
    imports: [IonicPageModule.forChild(ReviewPage), ControlMessagesModule, RatingComponentUpdateableModule, CommonModule], 
    exports: [ReviewPage] 
}) 
export class ReviewPageModule { } 

app.module.ts

import { AutosizeModule } from 'ionic2-autosize'; 
... 
@NgModule({ 
    declarations: [ 
    MyApp 
    ], 
    imports: [ 
    IonicModule.forRoot(MyApp), 
    BrowserModule, 
    AutosizeModule, 
    HttpModule, 
    AngularFireModule.initializeApp(firebaseConfig), 
    IonicStorageModule.forRoot() 
    ], 

エラーは消えましたが、ion-textareaはまだ自動サイズ調整されません。

Answer 1

私は彼のgitでプルリクエストを作成し、うまくいけば彼はそれを修正するでしょう。 これが機能するために必要なのは、BrowserModuleを削除することだけです。

BrowserModuleは、プロジェクト全体のプロジェクトに必要です。 小型のNgModulesが必要な場合（ngIf、ngFor、ngClassなど）にはCommonModuleが必要です。

Ionic3では、一番上の@NgModuleだけがBrowserModuleを持つというルールです。参照 https://github.com/misha130/ionic2-autosize/commit/3b40925dca104ec76fe55b4af3a726efb7e3efbe