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;
}