Visual Studio无法识别导入的npm包？

Question

在Visual Studio中将npm包导入到​​我的项目中时，总是感到困惑，有时，无论我刷新文件夹多少次，这些包都无法被识别。

文件夹react-google-maps肯定在我的node_modules文件夹中。 但是，由于某种原因，Visual Studio无法看到此错误，并将其突出显示为错误。 因此，所有相关的智能感知也不会出现。 奇怪的是，它实际上可以识别出react ！

我应该怎么做才能使Visual Studio识别刚刚通过控制台中的npm安装的新软件包，以便可以导入它们而不会出现突出显示的错误？

Answer 1

我相信您的问题是react-google-maps是一个JavaScript模块。 为了让TypeScript导入模块，您需要进行一些打字，例如将JavaScript转换为TypeScript，例如从DefinitelyTyped存储库中。

快速搜索没有找到这样的类型，为什么我假设您没有为此安装任何类型。

如果是这种情况，有两种解决方案。

1. 编写类型并将其提交到DefinitelyTyped或Typings注册表。 这是我推荐的方法。 通过编写打字稿并将其发布给他人，将东西还给社区。
2. 在项目中声明一个模块以使导入静音。 此选项不会提供任何IntelliSence，因此只会使导入静音。

要在您的项目中声明该模块，请添加一个名为react-google-maps.d.ts的新文件，并将其粘贴到：

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