IDEがIntelliSenseを提供するようなTypeScript定義なしでnpmパッケージをインポートするには？

Question

TypeScriptの型定義を持たないnpmパッケージを使用しています。正確には、私はreact-google-mapsライブラリを使用しています。その例に従え

が

、私はパッケージから次のコンポーネントをインポート：

error TS2305: Module '"react-google-maps"' has no exported member 'GoogleMapLoader'. 

だから、これまで私の迅速な修正プログラムは、次のとおりです。ただし

import {GoogleMapLoader, GoogleMap, Marker} from "react-google-maps"; 

、活字体は、コンパイル時にエラーがスローされますタイプ「any」のメンバを持つモジュールの宣言：

declare module "react-google-maps" { 
    export var GoogleMapLoader:any; 
} 

ここで、pr oblemは、私のIDE（WebStorm）がもうintellisenseを与えないということです。 GoogleMapLoaderは、反応成分として認識されていません。これは、私がBabelを使用していた場合に認識されていると考えられています（少なくともタイピングのないメソッドとプロパティ）。

タイプ定義なしでnpmパッケージをインポートして、TypeScriptコンパイラで解決することはできますが、IDEがintellisenseを提供するのを妨げることはできますか？

Answer 1

anyを使用する代わりに、使用しているものを宣言する必要があります。

例えば：

declare module "react-google-maps" { 
    interface GoogleMapLoaderProps { 
     .... 
    } 

    interface GoogleMapLoaderState { 
     .... 
    } 

    class GoogleMapLoader extends React.Component<GoogleMapLoaderProps, GoogleMapLoaderState> { } 
} 

あなたは、あなたが使用しているだけで何から始めて、サポート、およびゆっくりと物事を追加するIDEを必要とすることができます。
Writing Declaration Filesの確認方法については、Writing Declaration Filesをご覧ください。