2017-03-22 7 views
0

ionic serveを実行しているときに、ネイティブインポートのすべての項目に対してTypescriptエラーが発生します。これは、ionic-native v3にアップデートした後です。新しい@ ionic-nativeのすべての項目はTypescriptによって認識されません。私はtypescriptを異なるv2のバージョンに更新しましたが、動作させることはできません。ionic-native v3に更新するときにIonic serveがtypescriptエラーを表示する

私は他のコードを変更していません。 SplashScreenに関連するだけではありません。私は 'ionic-native'(古いスタイル)を使ってインポートし、@ ionic-native/{plugin-name}を通してインポートするために私が使用したオブジェクトへのすべての参照は、これらのTypescriptエラーを与えます。

誰も助けてくださいことはできますか?サーブまたはこの瞬間例えば

で私のアプリを構築することはできません:

ordova CLI: 6.5.0 
Ionic Framework Version: 2.2.0 
Ionic CLI Version: 2.2.1 
Ionic App Lib Version: 2.2.0 
Ionic App Scripts Version: 1.1.4 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Windows 10 
Node Version: v7.0.0 
Xcode version: Not installed 

マイイオン:私は

import { LocalNotifications } from '@ionic-native/local-notifications'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 
import { StatusBar } from '@ionic-native/status-bar'; 

マイイオン性情報への私の輸入を変え

property hide does not exist on type typeof SplashScreen 

プラグインls

cordova-plugin-app-event 1.2.0 "Application Events" 
cordova-plugin-app-version 0.1.9 "AppVersion" 
cordova-plugin-camera 2.4.0 "Camera" 
cordova-plugin-compat 1.1.0 "Compat" 
cordova-plugin-console 1.0.6 "Console" 
cordova-plugin-device 1.1.5 "Device" 
cordova-plugin-fcm 2.1.1 "FCMPlugin" 
cordova-plugin-nativestorage 2.2.1 "NativeStorage" 
cordova-plugin-splashscreen 4.0.2 "Splashscreen" 
cordova-plugin-statusbar 2.2.2 "StatusBar" 
cordova-plugin-whitelist 1.3.2 "Whitelist" 
cordova-plugin-x-socialsharing 5.1.6 "SocialSharing" 
de.appplant.cordova.plugin.local-notification 0.8.4 "LocalNotification" 
ionic-plugin-keyboard 2.2.1 "Keyboard" 
phonegap-plugin-barcodescanner 6.0.5 "BarcodeScanner" 

マイpackage.json

"dependencies": { 
    "@angular/common": "2.4.8", 
    "@angular/compiler": "2.4.8", 
    "@angular/compiler-cli": "2.4.8", 
    "@angular/core": "2.4.8", 
    "@angular/forms": "2.4.8", 
    "@angular/http": "2.4.8", 
    "@angular/platform-browser": "2.4.8", 
    "@angular/platform-browser-dynamic": "2.4.8", 
    "@angular/platform-server": "2.4.8", 
    "@ionic/storage": "2.0.0", 
    "@ionic-native/core": "^3.1.0", 
    "ionicons": "3.0.0", 
    "ionic-angular": "2.2.0", 
    "rxjs": "5.0.1", 
    "zone.js": "0.7.2", 
    "sw-toolbox": "3.5.1", 
    "babel-core": "^6.24.0", 
    "d": "^1.0.0", 
    "ng2-translate": "^4.0.0", 
    "@ionic-native/barcode-scanner": "^3.1.0", 
    "@ionic-native/local-notifications": "^3.1.0", 
    "@ionic-native/native-storage": "^3.1.0", 
    "@ionic-native/social-sharing": "^3.1.0", 
    "@ionic-native/splash-screen": "^3.1.0", 
    "@ionic-native/status-bar": "^3.1.0" 

    }, 
    "devDependencies": { 
    "@ionic/app-scripts": "^1.1.4", 
    "@ionic/cli-build-ionic-angular": "0.0.3", 
    "@ionic/cli-plugin-cordova": "0.0.9", 
    "typescript": "2.0.9" 
    } 

TSC -v

Version 2.2.1 
+0

コード内のhide呼び出しはどこですか?あなたはその部分を追加できますか? –

+0

app.components.ts私は他のコードを変更していません。 SplashScreenに関連するだけではありません。私は 'ionic-native'(古いスタイル)を使ってインポートし、@ ionic-native/{plugin-name}を通してインポートするために私が使用したオブジェクトへのすべての参照は、これらのTypescriptエラーを与えます。 – Jeroen

答えて

2

更新ドキュメントhereによると、あなたは、コンストラクタでスプラッシュスクリーンを注入する必要があります。

constructor(private splashScreen: SplashScreen) { } 
this.splashscreen.hide(); 

以前のバージョンでは、直接インポートされたSplashscreenは、メソッドを呼び出すために使用します。

+0

うわー!私は完全にそれを逃した。私の間違い!それを指摘してくれてありがとう! – Jeroen

+0

問題ありません.. 3.1.0のように見えます。 –

+0

私はある事から別のものになる前にいくつかの名前をつけることができます:)またはそれらの概要はどこかにありますか?私は本当にパフォーマンスの改善のための3.1.0が必要です – Jeroen

関連する問題