Windows7系统Node.js17环境下如何使用Next.js？

可行方案列表 #

• 锁定兼容Node.js17的Next.js具体版本
  不要盲目尝试旧版，直接安装明确支持Node.js17的Next.js 12.3.4版本：

  • 新建项目：执行 npx create-next-app@12.3.4 my-next-app
  • 已有项目：修改package.json中next版本为"12.3.4"，删除node_modules和package-lock.json，重新执行npm install

• 修复Win7下的依赖兼容性问题
  若安装后开发服务器仍无法启动，大概率是swc编译器不兼容Win7，可强制切换为babel编译：

  1. 在项目根目录创建.babelrc文件，写入：

  {
    "presets": ["next/babel"]
  }
  

  2. 修改next.config.js添加禁用swc的配置：

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    swcMinify: false,
  }
  
  module.exports = nextConfig
  

• 升级到Win7兼容的Node.js18.x版本
  Node.js 18.0至18.9版本仍支持Windows7，这是既能满足Next.js版本要求，又不破坏Win7兼容性的折中方案：
  卸载当前Node17，下载Node.js 18.9.0解压包，重新配置系统环境变量即可。

• 改用Vite搭建React项目替代Next.js
  既然你能正常使用React，可选择对Node.js17完全兼容的Vite作为构建工具：

  • 新建项目：执行 npm create vite@latest my-react-app -- --template react
  • 启动开发服务器：执行npm install后运行npm run dev
  • 路由需求可通过集成react-router-dom实现类似Next.js的页面跳转功能

内容的提问来源于stack exchange，提问作者Jay kishan Kharwar