我的目标是使用AJAX调用（使用fetch API）构建一个Typescript库，客户端（Webpack / Browserify）和后端开发人员（Node）都可以使用它。
但是，我似乎无法在没有错误的情况下编译fetch。
我的第一次尝试是与isomorphic-fetch和@types/isomorphic-fetch。我不确定类型是否完整，但它们没有带来任何全局变量（它们应该带来fetch，不应该是它们吗？）。
npm i isomorphic-fetch @types/isomorphic-fetch
index.ts
import 'isomorphic-fetch';
export function execute() {
return fetch('...') ...
}
tsconfig.json
"compilerOptions": {
...
"lib": ["es2015", "es2016", "es2017"]
}
输出：
node_modules/@types/isomorphic-fetch/index.d.ts(8,30): error TS2304: Cannot find name 'fetch'.
src/index.ts(4,25): error TS2304: Cannot find name 'fetch'.
我需要“dom”吗？显然，使用dom lib，它确实可以编译和工作✓，但我无法控制它是否真的可以在Node上运行。我的意思是，它会编译我是否import 'isomorphic-fetch'，但如果我错过它将在Node上失败，恕不另行通知。
此外，Node不是“dom”，不管我是否也想支持浏览器。
我的第二次尝试是与whatwg-fetch。
npm i whatwg-fetch @types/whatwg-fetch
tsconfig.json
"lib": ["es2015", "es2016", "es2017"] // The same.
这个甚至没有通过编译阶段（无论“dom”库）：
> tsc --watch
node_modules/@types/whatwg-fetch/index.d.ts(11,27): error TS2304: Cannot find name 'window'.
node_modules/@types/whatwg-fetch/index.d.ts(31,25): error TS2304: Cannot find name 'Blob'.
node_modules/@types/whatwg-fetch/index.d.ts(31,64): error TS2304: Cannot find name 'FormData'.
node_modules/@types/whatwg-fetch/index.d.ts(36,21): error TS2304: Cannot find name 'Blob'.
node_modules/@types/whatwg-fetch/index.d.ts(37,25): error TS2304: Cannot find name 'FormData'.
17:31:50 - Compilation complete. Watching for file changes.
随着“dom”：
node_modules/typescript/lib/lib.dom.d.ts(9353,11): error TS2300: Duplicate identifier 'Request'.
node_modules/typescript/lib/lib.dom.d.ts(9370,13): error TS2300: Duplicate identifier 'Request'.
node_modules/typescript/lib/lib.dom.d.ts(9375,11): error TS2300: Duplicate identifier 'Response'.
node_modules/typescript/lib/lib.dom.d.ts(9386,13): error TS2300: Duplicate identifier 'Response'.
node_modules/typescript/lib/lib.dom.d.ts(14940,18): error TS2451: Cannot redeclare block-scoped variable 'fetch'.
node_modules/typescript/lib/lib.dom.d.ts(14945,6): error TS2300: Duplicate identifier 'BodyInit'.
node_modules/typescript/lib/lib.dom.d.ts(14966,6): error TS2300: Duplicate identifier 'HeadersInit'.
node_modules/typescript/lib/lib.dom.d.ts(14976,6): error TS2300: Duplicate identifier 'RequestInfo'.
node_modules/typescript/lib/lib.dom.d.ts(15043,6): error TS2300: Duplicate identifier 'ReferrerPolicy'.
node_modules/typescript/lib/lib.dom.d.ts(15044,6): error TS2300: Duplicate identifier 'RequestCache'.
node_modules/typescript/lib/lib.dom.d.ts(15045,6): error TS2300: Duplicate identifier 'RequestCredentials'.
node_modules/typescript/lib/lib.dom.d.ts(15046,6): error TS2300: Duplicate identifier 'RequestDestination'.
node_modules/typescript/lib/lib.dom.d.ts(15047,6): error TS2300: Duplicate identifier 'RequestMode'.
node_modules/typescript/lib/lib.dom.d.ts(15048,6): error TS2300: Duplicate identifier 'RequestRedirect'.
node_modules/typescript/lib/lib.dom.d.ts(15049,6): error TS2300: Duplicate identifier 'RequestType'.
node_modules/typescript/lib/lib.dom.d.ts(15050,6): error TS2300: Duplicate identifier 'ResponseType'.
...
我也尝试过使用其他类似的库，例如fetch-ponyfill，但是这个库甚至没有TypeScript可用的类型。
我们如何在通用应用程序（浏览器+节点）上调用fetch？
谢谢！
在angular（typescript）项目中使用fetch我有同样的错误，我可以通过声明这样的fetch来解决它：
declare var fetch;
要获得正确的类型定义，您有几个选项。
如果您的TypeScript将在浏览器中运行：
将内置的“DOM”添加到编译器库（使用the --lib command line compiler option或lib in tsconfig.json）。如果您将在现代浏览器中运行TypeScript，那么将“DOM”添加到库可能是正确的选择。但是，如果您在具有获取模块的非浏览器环境中运行TypeScript，请选中选项2。
如果您的TypeScript将在服务器上运行（node.js）：
如果你在节点上使用像node-fetch这样的库，那么添加@types/node-fetch类型定义，并导入像import fetch from "node-fetch"这样的提取
如果您的TypeScript在浏览器和服务器上运行（例如，对于服务器端渲染项目），请导入DOM lib，您可能想要添加isomorphic-fetch package。