Next.js教程，运行Next.js开发服务器(npm )时出错

Question

当我尝试运行下一个开发服务器并运行我的应用程序时，我正在执行初学者Next.js教程，并遇到了一个错误。

下面是我的package.json文件所包含的内容：

{
  "scripts": {
      "dev": "next dev"
  },
  "dependencies": {
    "next": "^12.2.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  }
}

在运行npm run dev时，我会得到以下错误：

> @ dev /Users/renaudj/Documents/Projects/next-app
> next dev

/Users/renaudj/Documents/Projects/next-app/node_modules/next/dist/trace/report/index.js:14
    reporters = [];
              ^

SyntaxError: Unexpected token =
    at new Script (vm.js:79:7)
    at createScript (vm.js:251:10)
    at Object.runInThisContext (vm.js:303:10)
    at Module._compile (internal/modules/cjs/loader.js:657:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `next dev`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/renaudj/.npm/_logs/2022-07-04T05_09_15_196Z-debug.log

有人知道我在这里错过了什么吗？谢谢!

Answer 1

我将我的节点版本V11.15.1更新到V12.22.1，然后它就解决了

Answer 2

我更新我的节点版本V10->V16。它起作用

Answer 3

是的，更新节点版本将解决此问题。

在此之前，删除项目中的node_modules文件夹。

然后，要将节点更新为最新的稳定版本，请在终端上运行以下命令：

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

您可能需要重新启动终端，以查看版本更新，然后使用以下方法进行检查：

node -v

然后使用以下方法重新安装项目

npm install