如何在服务器上使用 Typescript DOM lib？

Question

我正在为 Google 云功能编写代码。这里我想使用包括URLSearchParams 在内的URL 标准。我发现它们是 TypeScript DOM 库的一部分，所以我已将其添加到我的 tsconfig lib 设置中。

但是，当我编译和部署云函数时，我收到一个运行时错误，提示 URLSearchParams 未定义。

我错过了什么？我正在使用 TS 2.6

---

这是我的配置：

{
  "compilerOptions": {
    /* Basic Options */
    "target": "es6",
    "module": "commonjs",
    "lib": ["es6", "es7", "esnext", "dom"],

    "sourceMap": true /* Generates corresponding '.map' file. */,
    "outDir": "build" /* Redirect output structure to the directory. */,
    "removeComments": true /* Do not emit comments to output. */,

    /* Strict Type-Checking Options */
    "strict": true /* Enable all strict type-checking options. */,

    /* Additional Checks */
    "noUnusedLocals": true /* Report errors on unused locals. */,
    "noUnusedParameters": true /* Report errors on unused parameters. */,
    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
    "noFallthroughCasesInSwitch": true /* Report errors for fallthrough cases in switch statement. */,

    "plugins": [{ "name": "tslint-language-service" }],
    "skipLibCheck": false
  },
  "include": ["src/**/*"],
  "exclude": ["build"]
}

以及 package.json 依赖：

  "dependencies": {
    "circular-json": "^0.4.0",
    "es6-promisify": "^5.0.0",
    "firebase-admin": "^5.5.0",
    "firebase-functions": "^0.7.3",
    "invariant": "^2.2.2",
    "joi": "12",
    "lodash": "^4.17.4",
    "node-fetch": "^2.0.0-alpha.9"
  },
  "devDependencies": {
    "@types/circular-json": "^0.4.0",
    "@types/invariant": "^2.2.29",
    "@types/joi": "^13.0.0",
    "@types/lodash": "^4.14.85",
    "@types/node": "^8.0.52",
    "@types/node-fetch": "^1.6.7",
    "cpy-cli": "^1.0.1",
    "del-cli": "^1.1.0",
    "firebase-tools": "^3.15.1",
    "tslint": "^5.8.0",
    "tslint-config-prettier": "^1.6.0",
    "tslint-language-service": "^0.9.6",
    "typescript": "2.6"
  }

Answer 1

您只需更新编译器选项以包含dom：

之前：

"lib": ["es6", "es7", "esnext"],

之后：

"lib": ["es6", "es7", "esnext", "dom"],

这是带有URLSearchParams 接口的库。

仅通过上述更改，我可以将以下内容放入src/sub/temp.ts：

let x: URLSearchParams;

我在悬停时获得以下类型信息，以及自动完成。

interface URLSearchParams
var URLSearchParams: {
    new (init?: string | URLSearchParams | undefined): URLSearchParams;
    prototype: URLSearchParams;
}

编译器警告为零。

这一切都基于 TypeScript v2.6.1...您使用的不是旧版本吗（v2.2 之前的版本？）。