Search code examples
javascriptnode.jsnpmnext.js

Error generated while creating a NextJS project

Good morning, I am a student in software programming, and this is my last session. We are taking a course on web programming with Next.js. During the installation, I encountered errors, which are shown in the screenshots. The errors are related to missing dependencies and several other issues. The error messages are too long. This are my versions:

PS C:...\Desktop\Seesion 4\WebServer\nextjs> PS C:...\Desktop\Seesion 4\WebServer\nextjs> npm -v 11.0.0 PS C:...\Desktop\Seesion 4\WebServer\nextjs> nvm -v 1.2.2 PS C:...\Desktop\Seesion 4\WebServer\nextjs> node -v v22.13.0 PS C:...Desktop\Seesion 4\WebServer\nextjs> nvm list 22.13.0 (Currently using 64-bit executable) PS C:\Users\abots\Desktop\Seesion 4\WebServer\nextjs>

I encountered these warnings and errors during installation:

(node:5052) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead. (Use node --trace-deprecation ... to show where the warning was created) npm WARN peerDependencies The peer dependency typescript@>=3.3.1 included from eslint-config-next 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 eslint-plugin-import-x@* included from eslint-import-resolver-typescript 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 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 included from postcss-load-config 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.

Please what is the issue?

I tried everything possible, i changed versions, reinstall everything, i spent all my night on it.

Solution

  • I see 3 issues

    1. make sure next.js is compatible with Node.js versions like 18.x or 20.x
    2. Install Peer Dependencies Manually npm install typescript eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y ts-node --save-dev
    3. There is Deprecated Punycode Module so install npm install --legacy-peer-deps