エラーTS2339：プロパティ '接続' のタイプに存在しません 'ナビゲーター'

Question

非常に単純な問題

私はANG 2とイオンをしようとしています。2.

使用し、次のコード -

メインファイル -

私は一気ビルドを使用してプロジェクトをビルドするたび

/// <reference path="../../../node_modules/@angular/platform-browser/src/browser.d.ts" /> 


import {Component} from '@angular/core'; 
import {Platform} from 'ionic-angular'; 
import {NavController} from 'ionic-angular'; 
import {Network} from 'ionic-native' 

@Component({ 
    templateUrl: 'build/pages/items-map/items-map.html' 
}) 
export class ItemsMap { 

    constructor(private platform : Platform) { 
    console.log(navigator.Connection); 
    } 

} 

は今、私が得る -

エラーTS2339：プロパティ '接続'がタイプ 'ナビゲータ'に存在しません。

同じヘルプがありますか？もっと類似した問題が記録されていることはわかっていますが、決まった回答はありません

Answer 1

このスレッドは数日前ですが、誰かが解決したかどうかを知りたいと思います。私は同じ問題に直面しているし、私は役に立たない、私はGoogleで見つけることができるすべてを行っている。 APIはある時点で変更されましたか？ここでは私が取得しているエラーです "プロパティ '接続'がタイプ 'ナビゲータ'に存在しません。"私はこのチュートリアルhttp://www.joshmorony.com/creating-an-advanced-google-maps-component-in-ionic-2/を、次の午前、ここでのgitリポジトリを使用すると、Network.connectionを呼び出すことにより、接続タイプを得ることができるので、あなたはすでにNetworkクラスをインポートしているように見えますenter image description here

Answer 2

です。このプロパティの基になるコードはnavigator.connection.typeを返します。

このように、IonicのTypeScript宣言クラス（network.d.ts）でアクセスするため、エラーは発生しなくなります。

注意Networkクラスを使用する場合は、必ずconfig.xmlファイルにCordovaプラグインcordova-plugin-network-informationを追加してください。

例

import {Component} from '@angular/core'; 
import {Platform} from 'ionic-angular'; 
import {NavController} from 'ionic-angular'; 
import {Network} from 'ionic-native' 

@Component({ 
    templateUrl: 'build/pages/items-map/items-map.html' 
}) 
export class ItemsMap { 

    constructor(private platform : Platform) { 
    console.log(Network.connection); 
    } 
} 

Answer 3

これは、活字体の定義の問題です。プラグインのTypeScript定義が必要です。 npmを使用してインストールします。それが動作しない場合は種類/

--saveコルドバ - プラグイン - ネットワーク情報@

NPMをインストールし、代わりにnavigator.connectionのNetwork.typeを試してみてください。

Answer 4

"navigator['connection']"に変更すると、問題を解決するか、 "navigator.type"と提案した人になります。 しかし、あなたのコードでlilの問題がありますが、あなたは "navigator"を宣言していません！私は次のように@Component decoratorの上に、それを追加することを示唆している：！

declare var navigator; 
@Component decorator({ 
      ..... 
}) 

をして、「navigator.type」に変更するか、または「ナビゲータ[ 『接続』]は、何があなたに合っする

希望をこれは役に立ちます。