Visual Studioはインポートされたnpmパッケージを認識しませんか？

Question

Visual Studioでnpmパッケージをプロジェクトにインポートすると、フォルダを更新した回数に関係なく、パッケージが認識されないことがあるということが常にわかります。

フォルダreact-google-mapsは私のnode_modulesフォルダに間違いです。ただし、何らかの理由でVisual Studioでこのエラーが表示されず、エラーとして強調表示されます。このため、関連するインテリセンスもすべて表示されません。奇妙なことに、それは実際にreactを認識することができます！

強調表示されたエラーを表示せずにインポートできるように、コンソールでnpmを通してインストールしたばかりの新しいパッケージをVisual Studioに認識させるにはどうすればよいですか？

Answer 1

私はあなたの問題を信じていることは、react-google-mapsがJavaScriptモジュールであることです。 TypeScriptにモジュールをインポートさせるには、JavaScriptをTypeScriptに変換するいくつかの型付けが必要です。 DefinitelyTypedリポジトリから。

クイック検索でこのような入力が見つからなかった理由は、これを入力しなかったと仮定しているからです。

この場合、2つの解決策があります。

1. タイピングを書き込んで、DefinitelyTypedまたはTypingsレジストリにコミットします。これは私の推薦された方法です。タイピングを書いて他の人に公開することで、コミュニティに何かを戻すことができます。
2. プロジェクト内のモジュールを宣言して、インポートをサイレントにします。これはあなたにIntelliSenceを与えるものではないので、インポートを黙らせるだけです。

、プロジェクト内のモジュールを宣言react-google-maps.d.tsという名前の新しいファイルを追加して、これをペーストするには：VSが正しく最新のWeb開発をサポートしていないので、残念ながら、私はVSコードに切り替える必要があった

declare module "react-google-maps" { 
    export var GoogleMap; 
    export var Marker; 
}