无法在 TypeScript 中导入模块

Question

我知道有很多关于如何通过 NPM 将依赖项导入 TypeScript 的主题。我尝试执行以下操作

npm install --save node-fetch

然后是import * as fetch from 'node-fetch 在我的app.ts 中。

为了在我的代码中使用fetch。

但是我无法在我的代码中使用该库并且我收到以下错误：

错误 TS2307 (TS) 找不到模块“node-fetch”。

我查看了node_modules 下的已加载模块，并在那里找到了node-fetch，因此我假设该库已成功安装。许多前面提到的线程还提到了一些tsconfig-file，我在我的项目中找不到。似乎 VS 对如何实现 TypeScript 的设置有自己的想法，这些设置位于我的 csproj 文件中：

<TypeScriptLib>es2015</TypeScriptLib>
<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptJSXEmit>None</TypeScriptJSXEmit>
<TypeScriptModuleKind>ES2015</TypeScriptModuleKind>
<TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
<TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
<TypeScriptRemoveComments>False</TypeScriptRemoveComments>
<TypeScriptOutFile />
<TypeScriptOutDir />
<TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
<TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
<TypeScriptSourceMap>True</TypeScriptSourceMap>
<TypeScriptMapRoot />
<FilesToIncludeForPublish>AllFilesInTheProject</FilesToIncludeForPublish>

我也为其他库获得了这个，例如leaflet-geosearch。

这是我的package.json：

{
  "name": "myproject",
  "version": "1.0.0",
  "devDependencies": {
    "@types/d3": "^5.7.2",
    "@types/jquery": "^3.3.32",
    "@types/leaflet": "^1.5.8",
    "@types/leaflet-geosearch": "^2.7.1",
    "d3": "^5.15.0",
    "jquery": "^3.4.1",
    "leaflet": "^1.6.0",
    "leaflet-geosearch": "^2.7.0",
    "node-fetch": "^2.6.0"
  }
}

我已经删除了https://stackoverflow.com/a/15597395/2528063 所示的全局 npm-modules 并再次将node-fetch 安装到本地项目中，但无济于事。

Answer 1

TL;DR

您缺少 node-fetch 的类型，您应该像这样安装它们：

npm i --save-dev @types/node-fetch

说明

一些包带有自己的类型，一些作为单独的包发布类型，另一些具有由第 3 方创建的类型（node-fetch 包是 created by David Frank，而 @types/node-fetch 由 DefinitelyTyped 和node-fetch 类型一直是created by many people），一些包根本没有公共类型（通常是更多的等量包），你可以create your own typings declarations。

其他一些观察

随意跳过...

您似乎混淆了dependencies 和devDependencies。 dependencies 应该包括所有应该存在于运行时的包（例如node-fetch 在你的情况下），而devDependencies 是构建时需要的附加 依赖项（例如任何@types 包或任何包仅用于构建项目，如webpack/grunt（如果适用）。

所以所有这些，可能应该转移到dependencies：

"d3": "^5.15.0",
"jquery": "^3.4.1",
"leaflet": "^1.6.0",
"leaflet-geosearch": "^2.7.0",
"node-fetch": "^2.6.0"

最后，如果这是一个 nodejs（即不是基于浏览器的项目）项目，您可能应该使用 CommonJS 或 ES6 模块类型而不是 ES2015。见here。 如果它是一个浏览器项目，你可能不应该使用node-fetch；而是将 DOM 添加到您的 typescript 库列表中，并使用 fetch from window.fetch 或仅使用 fetch，因为它将是全局范围的一部分。