VS Code任务运行Next.js v14开发服务器报'ReferenceError: Request is not defined'

安全阿岳

2026-7-7

问题：VS Code任务执行npm run dev失败，终端运行正常

终端中运行npm run dev可正常启动Next.js开发服务器，但通过VS Code任务执行该命令时失败，报错信息如下：

Executing task: npm run dev 


> deleteme@0.1.0 dev
> next dev

/Users/bgorman/Projects/deleteme/node_modules/next/dist/server/web/spec-extension/request.js:28
class NextRequest extends Request {
                          ^

ReferenceError: Request is not defined
    at Object.<anonymous> (/Users/bgorman/Projects/deleteme/node_modules/next/dist/server/web/spec-extension/request.js:28:27)
    at Module._compile (node:internal/modules/cjs/loader:1126:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
    at Module.load (node:internal/modules/cjs/loader:1004:32)
    at Function.Module._load (node:internal/modules/cjs/loader:839:12)
    at Module.require (node:internal/modules/cjs/loader:1028:19)
    at Module.mod.require (/Users/bgorman/Projects/deleteme/node_modules/next/dist/server/require-hook.js:64:28)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/bgorman/Projects/deleteme/node_modules/next/dist/server/web/spec-extension/adapters/next-request.js:37:18)
    at Module._compile (node:internal/modules/cjs/loader:1126:14)

 *  Terminal will be reused by tasks, press any key to close it.

操作步骤

使用npx create-next-app@latest创建新的Next.js项目
创建launch.json文件：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["<node_internals>/**"],
      "program": "${file}"
    }
  ]
}

创建tasks.json文件：

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "dev",
      "label": "npm: dev",
      "detail": "next dev"
    }
  ]
}