打字稿：找不到模块'react-cards'的声明文件

Question

我对 ReactJS 完全陌生，我发现自己陷入了下一件事。 我已经通过 npm 安装了 react-cards，如下所示：

npm install --save react-cards

安装没问题，我想像这样在我的代码中导入它：

import Card from 'react-cards';

但后来我说这个错误：

找不到模块“react-cards”的声明文件：“路径”隐含地具有“任何”类型。如果存在，请尝试“npm install @types/react-cards”或添加包含“declare module 'react-cards';”的新声明（.d.ts）文件。

我已尝试使用 npm install @types/react-cards 但没有任何改变。

我不知道该怎么办。

Answer 1

您正在导入一个缺少 type 信息的 npm 包。

在您的示例中，TypeScript 在导入时不理解 Card 的属性。 TypeScript 无法检测类型并引用any，这实质上意味着无类型。

对于许多无类型的包，有@types npm 包可以为你添加这些类型。你可以在这里找到它们：microsoft.github.io/TypeSearch

很遗憾，没有@types/react-card 包，但您可以选择：

1. 您可以自己编写react-cards的打字信息，并将其保存到react-cards.d.ts文件中。

2. 通过设置"noImplicitAny": false 禁用tsconfig.json 中的警告 - 参考：https://www.typescriptlang.org/docs/handbook/compiler-options.html

更多信息：typescript github thread "Importing untyped JS modules"

Answer 2

如果您使用的是 VS Code，有一个快速修复建议，您可以使用 Ctrl + .

调用

您也可以像这样使用 typesync automatically add all missing types：

npx typesync

如果包没有自己的类型，并且尚未添加到DefinitelyTyped，则需要add a new definitions file

进一步阅读

• Could not find a declaration file for module 'module-name'
• Could not find a declaration file for module ''react-materialize'