Typescript node-fetch 導入拋出 'SyntaxError: Cannot use import statement outside a module'

如標題所示，我在創建 TypeScript 函式庫 npm 套件時遇到了麻煩。當嘗試導入 node-fetch 以執行 fetch 調用時，我遇到了問題。我已經建立了一個範例 git 倉庫來重現我的問題。

我使用那些指令來到這個點：

npm i --save-dev typescript ts-node jest @types/jest ts-jest
jest --init
npm i node-fetch

我已將 package.json 配置為：

"main": "dist/index.js",
"types": "dist/index.d.ts",
"files": [
  "/dist"
],
"scripts": {
  "test": "jest --coverage",
},

我已將 tsconfig.json 配置為:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2015",
    "declaration": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"]
}

我的 jest.config.js 包含：

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node",
  transformIgnorePatterns: ["/node_modules/"],
};

當我執行 npm text 時，結果如下：

> [email  test
> jest --coverage

 FAIL  tests/unit/index.test.ts
  ● Test suite failed to run

    Jest encountered an unexpected token

    Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

    Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.

    By default "node_modules" folder is ignored by transformers.

    Here's what you can do:
     • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/ecmascript-modules for how to enable it.
     • If you are trying to use TypeScript, see https://jestjs.io/docs/getting-started#using-typescript
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/configuration
    For information about custom transformations, see:
    https://jestjs.io/docs/code-transformation

    Details:

    /Users/d.tentoni/Documents/uni/tslib/node_modules/node-fetch/src/index.js:9
    import http from 'node:http';
    ^^^^^^

    SyntaxError: Cannot use import statement outside a module

    > 1 | import fetch from "node-fetch";
        | ^
      2 |
      3 | export async function scrape() {
      4 |   const response = await fetch(

      at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1728:14)
      at Object.<anonymous> (src/scraper.ts:1:1)

有人能給我一些建議嗎？我該如何在我的 Typescript 專案中使用 node-fetch？

編輯 1：使用命令 npm i got 安裝 Got 後，我得到相同的錯誤。

編輯 2：新增 jest.config.js 檔案內容

答案＃1

你有 jest 配置嗎？你必須指定使用 ts-jest，就像在 jest 的第三行所說的，jest 不能讀取非 JS 語法（只支持 Babel），但看起來你沒有 babel 配置文件。這意味著 Jest 正試圖將 TypeScript 當作 JavaScript 來運行，這顯然會拋出 SyntaxError

嘗試運行 npx ts-jest config:init 或者如果你喜歡使用 yarn，則運行 yarn ts-jest config:init