can't実行が、私は <a href="https://github.com/abritopach/ionic2-d3js-example" rel="nofollow noreferrer">https://github.com/abritopach/ionic2-d3js-example</a></p> <p>この例を実行するために苦労していたイオン2

Question

のための一例をd3js私は、最新のイオン2版、NPMなどをインストールするが、私はアプリを実行しようとする場合、私は、ブラウザのコンソールでエラーが出ます。

polyfills.js:3 Unhandled Promise rejection: Template parse errors: 
Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to > the '@NgModule.schemas' of this component to suppress this message. 
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<super-tabs height="100%"> 
     <super-tab [ERROR ->][tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar C"): ng:///AppModule/TabsPage.html@1:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("s height="100%"> 
     <super-tab [tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [tabRoot]="tab3Root" title="Pie Ch"): ng:///AppModule/TabsPage.html@2:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("art"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab3Root" title="Pie Chart"></super-tab> 
    </super-tabs> 
    "): ng:///AppModule/TabsPage.html@3:15 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors: 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<super-tabs height="100%"> 
     <super-tab [ERROR ->][tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar C"): ng:///AppModule/TabsPage.html@1:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("s height="100%"> 
     <super-tab [tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [tabRoot]="tab3Root" title="Pie Ch"): ng:///AppModule/TabsPage.html@2:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("art"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab3Root" title="Pie Chart"></super-tab> 
    </super-tabs> 
    "): ng:///AppModule/TabsPage.html@3:15 
     at syntaxError (http://localhost:8100/build/vendor.js:34999:34) 
     at TemplateParser.parse (http://localhost:8100/build/vendor.js:45490:19) 
     at JitCompiler._compileTemplate (http://localhost:8100/build/vendor.js:59241:39) 
     at http://localhost:8100/build/vendor.js:59165:62 
     at Set.forEach (native) 
     at JitCompiler._compileComponents (http://localhost:8100/build/vendor.js:59165:19) 
     at createResult (http://localhost:8100/build/vendor.js:59050:19) 
     at t.invoke (http://localhost:8100/build/polyfills.js:3:8971) 
     at r.run (http://localhost:8100/build/polyfills.js:3:4140) 
     at http://localhost:8100/build/polyfills.js:3:13731 Error: Template parse errors: 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<super-tabs height="100%"> 
     <super-tab [ERROR ->][tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar C"): ng:///AppModule/TabsPage.html@1:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("s height="100%"> 
     <super-tab [tabRoot]="tab1Root" title="Line Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [tabRoot]="tab3Root" title="Pie Ch"): ng:///AppModule/TabsPage.html@2:15 
    Can't bind to 'tabRoot' since it isn't a known property of 'super-tab'. 
    1. If 'super-tab' is an Angular component and it has 'tabRoot' input, then verify that it is part of this module. 
    2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("art"></super-tab> 
     <super-tab [tabRoot]="tab2Root" title="Bar Chart"></super-tab> 
     <super-tab [ERROR ->][tabRoot]="tab3Root" title="Pie Chart"></super-tab> 
    </super-tabs> 
    "): ng:///AppModule/TabsPage.html@3:15 
     at syntaxError (http://localhost:8100/build/vendor.js:34999:34) 
     at TemplateParser.parse (http://localhost:8100/build/vendor.js:45490:19) 
     at JitCompiler._compileTemplate (http://localhost:8100/build/vendor.js:59241:39) 
     at http://localhost:8100/build/vendor.js:59165:62 
     at Set.forEach (native) 
     at JitCompiler._compileComponents (http://localhost:8100/build/vendor.js:59165:19) 
     at createResult (http://localhost:8100/build/vendor.js:59050:19) 
     at t.invoke (http://localhost:8100/build/polyfills.js:3:8971) 
     at r.run (http://localhost:8100/build/polyfills.js:3:4140) 
     at http://localhost:8100/build/polyfills.js:3:13731 

私の構成：

• @イオン/ CLI-utilsの：1.4.0
• イオンCLI：3.4.0
• @イオン/アプリ-スクリプト：2.0.0
• @イオン性/クリ - プラグ - イオン - 角度：1.3.1
• イオン性の枠組み：イオン性の角度3.5.0
• ノード：v7.10.0
• OS：OS Xエルキャピタン
• のXcode：インストールされていない
• IOS-展開：
• IOS-SIMをインストールしていない：5.1.0
：
• NPMをインストールしていません

私を助けることができる人は誰ですか？

Answer 1

私はちょうどコードを試して、それは動作します。

私が撮影した手順：

• イオンCLI 3.4.0：
  • gitのクローンhttps://github.com/abritopach/ionic2-d3js-example
  • NPMは
  • イオン仕える

  私の設定をインストール

• ionic2スーパータブ^ 1.1.1
• @イオン/アプリ-スクリプト：1.3.0、
• @イオン/ CLI-pluginのイオン-角度：私は「1.3.2

あなたの設定で私の例を試してみましょう。

¿この例を実行できましたか？

Answer 2

私はエラーを解決しました。 https://github.com/zyra/ionic2-super-tabs/ READMEに

は言う：

「により、このモジュールは、モジュールの一部のバージョンは、イオン性フレームワークのすべてversiosで動作する適切なバージョンを使用するには、次の表を参照してくださいしない場合がありますように設計されているような方法で。また、それ以降のバージョンの一部の機能は、このモジュールの旧バージョンでは利用できない場合があります。このページには最新のドキュメントのみが含まれています。mdファイルを作成します。

• イオンFrameworkのバージョンionic2スーパータブのバージョン
• 3.5.xの3.0.0
• バージョン3.4.x 2.6.3
• 3.0.0 3.3.xの
• 2.0.0 2.6。 3
• 2.xxの1.xxの 「

ステップ：

package.jsonでの

1. アップデートの依存性

"ionic-angular": "3.5.0", 
"ionic2-super-tabs": "3.0.0" 

変更home.html

<super-tabs id="mainTabs" selectedTabIndex="0" toolbarColor="light" toolbarBackground="dark" indicatorColor="light" 

badgeColor =」 light "[config] =" {sideMenu： 'left'} " （tabSelect）= "onTabSelect（$イベント）">

1. 変更が 'から

インポート{コンポーネントを} home.ts =開始@角度/コア ';

import { BarChartPage } from '../bar-chart/bar-chart'; 
import { PieChartPage } from '../pie-chart/pie-chart'; 
import { LineChartPage } from '../line-chart/line-chart'; 

import { SuperTabsController } from 'ionic2-super-tabs'; 

@Component({ 
    templateUrl: 'home.html', 
    providers: [SuperTabsController] 
}) 
export class HomePage { 

    tab1Root: any = LineChartPage; 
    tab2Root: any = BarChartPage; 
    tab3Root: any = PieChartPage; 

    constructor(private superTabsCtrl: SuperTabsController) { 

    } 

    /* 
    ngAfterViewInit() { 

    // must wait for AfterViewInit if you want to modify the tabs instantly 
    this.superTabsCtrl.setBadge('firstPage', 5); 

    } 
    */ 

    hideToolbar() { 
    this.superTabsCtrl.showToolbar(false); 
    } 

    showToolbar() { 
    this.superTabsCtrl.showToolbar(true); 
    } 

    onTabSelect(ev: any) { 
    console.log('Tab selected', 'Index: ' + ev.index, 'Unique ID: ' + ev.id); 
    } 

} 

マイpackage.json

> ... 
> 
> "dependencies": { 
>  "@angular/common": "4.1.3", 
>  "@angular/compiler": "4.1.3", 
>  "@angular/compiler-cli": "4.1.3", 
>  "@angular/core": "4.1.3", 
>  "@angular/forms": "4.1.3", 
>  "@angular/http": "4.1.3", 
>  "@angular/platform-browser": "4.1.3", 
>  "@angular/platform-browser-dynamic": "4.1.3", 
>  "@ionic-native/core": "3.12.1", 
>  "@ionic-native/splash-screen": "3.12.1", 
>  "@ionic-native/status-bar": "3.12.1", 
>  "@ionic/storage": "2.0.1", 
>  "d3": "^4.8.0", 
>  "ionic-angular": "3.5.0", 
>  "ionic2-super-tabs": "3.0.0", 
>  "ionicons": "3.0.0", 
>  "rxjs": "5.4.0", 
>  "sw-toolbox": "3.6.0", 
>  "zone.js": "0.8.12" }, "devDependencies": { 
>  "@ionic/app-scripts": "2.0.1", 
>  "@ionic/cli-plugin-ionic-angular": "1.3.2", 
>  "@types/d3": "4.7.0", 
>  "typescript": "2.3.4" }, 
> 
> ...