nextjs - 💡(How to fix) Fix The @next/swc-win32-x64-msvc package seems to conflict with the pnpm environment. [2 comments, 3 participants]

C:\nextjs-project> next start

The module 'react' was not found. Next.js requires that you include it in 'dependencies' of your 'package.json'. To add it, run 'npm install react' The module 'react-dom' was not found. Next.js requires that you include it in 'dependencies' of your 'package.json'. To add it, run 'npm install react-dom' node:internal/modules/cjs/loader:1383 const err = new Error(message); ^

Error: Cannot find module 'react'

TL;DR

The issue can likely be resolved by removing or updating the @next/swc-win32-x64-msvc package to ensure compatibility with pnpm on Windows 11.

Guidance

• Verify the issue by checking if the error persists when using npm instead of pnpm, as the problem seems to be related to the package manager.
• Try removing the @next/swc-win32-x64-msvc package and see if the issue resolves, as it's suspected to be the cause of the conflict.
• Check the compatibility of the @next/swc-win32-x64-msvc package with pnpm and Windows 11, and consider updating to a version that is known to work.
• If the issue persists, try reinstalling the react and react-dom packages using pnpm to ensure they are properly installed.

Example

No code snippet is provided as the issue seems to be related to package management and compatibility rather than code-specific issues.

Notes

The issue may be specific to the combination of pnpm, Windows 11, and the @next/swc-win32-x64-msvc package, so the solution may not apply to other environments or package managers.

Recommendation

Apply workaround: Remove or update the @next/swc-win32-x64-msvc package to ensure compatibility with pnpm on Windows 11, as this seems to be the most likely cause of the issue.