TypeScript 定义与默认导出不匹配

Question

我正在尝试将 Puppeteer 与 TypeScript、@types/puppeteer 和 Jest 一起使用。

Puppeteer 使用默认导出，它作为 pptr.test.js 工作：

import pptr from 'puppeteer'

pptr.launch(
  // ... config here
)

但是，当我安装 @types/puppeteer 并重命名为 pptr.test.ts 时，我收到此 TS 错误：

模块 '"/home/jack/Documents/Extensions/messages-example/node_modules/@types/puppeteer/index"' 没有默认导出。

代码确实使用 Babel 在 Jest 中转译和运行。

这些都不起作用，但确实通过了 TS 检查：

import { launch } from 'puppeteer'

import * as pptr from 'puppeteer'

两者都因 TypeError 而失败，例如“...不是函数”。

我的 tsconfig.json：

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "outDir": "lib",
    "sourceMap": true,
    "strict": true,
    "target": "es2017",
  }
}

@types/puppeteer 错了吗？处理这种 TypeScript 情况的最佳方法是什么？

Answer 1

您需要在tsconfig.json 的compilerOptions 属性下设置esModuleInterop 和allowSyntheticDefaultImports

您应该可以将其作为默认值导入。