创建 NextJS 项目时生成错误

Question

早上好，我是一名软件编程专业的学生，这是我的最后一堂课。我们正在学习使用 Next.js 进行 Web 编程的课程。在安装过程中，我遇到了错误，如屏幕截图所示。这些错误与缺少依赖项和其他几个问题有关。错误消息太长。 这是我的版本：

PS C:...\Desktop\Seesion 4\WebServer 外部> PS C:...\Desktop\Seesion 4\WebServer extjs> npm -v 11.0.0 PS C:...\Desktop\Seesion 4\WebServer extjs> nvm -v 1.2.2 PS C:...\Desktop\Seesion 4\WebServer extjs> 节点-v v22.13.0 PS C:...桌面\Seesion 4\WebServer extjs> nvm 列表 22.13.0（当前使用 64 位可执行文件） PS C:\Users bots\Desktop\Seesion 4\WebServer extjs>

我在安装过程中遇到了这些警告和错误：

（节点：5052）[DEP0040] 弃用警告：

punycode

模块已弃用。请改用用户态替代方案。 （使用

node --trace-deprecation ...

显示警告的创建位置） npm WARN peerDependencies eslint-config-next 中包含的对等依赖 typescript@>=3.3.1 将不会 npm WARN PeerDependency 不再自动安装来满足 PeerDependency npm 警告 npm 3+ 中的对等依赖项。您的应用程序需要明确地依赖它。 npm WARN peerDependencies eslint-import-resolver-typescript 中包含的对等依赖项 eslint-plugin-import-x@* 将不会 npm WARN PeerDependency 不再自动安装来满足 PeerDependency npm 警告 npm 3+ 中的对等依赖项。您的应用程序需要明确地依赖它。 npm WARN peerDependencies postcss-load-config 中包含的对等依赖 typescript@>=4.8.4 <5.8.0 included from @typescript-eslint/parser will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN peerDependencies The peer dependency ts-node@>=9.0.0 不会 npm WARN PeerDependency 不再自动安装来满足 PeerDependency npm 警告 npm 3+ 中的对等依赖项。您的应用程序需要明确依赖它。

请问是什么问题？

我尝试了一切可能的方法，我更改了版本，重新安装了所有内容，我花了一整夜的时间。

Answer 1

我看到 3 个问题

1. 确保 next.js 与 Node.js 版本（如 18.x 或 20.x）兼容
2. 手动安装对等依赖项

   npm install typescript eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y ts-node --save-dev 

3. 有已弃用的 Punycode 模块，因此请安装

   npm install --legacy-peer-deps