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

Question

在Visual Studio中将npm软件包导入我的项目时,总是让我感到困惑的是,无论我刷新文件夹多少次,软件包都无法识别.

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

我应该怎么做才能Visual Studio的控制台承认我只是通过NPM安装新的软件包,这样我可以没有突出显示的错误导入？

Answer 1

我相信你的问题是react-google-mapsJavaScript 模块。要让 TypeScript 导入模块，您需要一些将 JavaScript 转换为 TypeScript 的类型，例如从 DefinelyTyped 存储库。

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

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

1. 编写打字并将其提交到DefinitelyTyped 或Typings 注册表。这是我推荐的方法。通过编写打字内容并将其发布给其他人来回馈社区。
2. 在项目中声明一个模块以静默导入。这个不会给你任何 IntelliSence，所以它只会沉默导入。

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

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