如何查看当前NextJs项目已安装的版本号

1. 查看项目package.json声明的版本 #

直接打开项目根目录的package.json文件，在dependencies配置项中找到next字段，对应的值就是你项目声明依赖的Next.js版本：

{
  "dependencies": {
    "next": "14.1.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  }
}

注意：这里展示的是你package.json中声明的版本范围，不是实际安装的精准版本，如果要确认实际安装的版本可以使用下方的方法。

2. 用包管理工具命令查询实际安装版本 #

在项目根目录的终端中，根据你使用的包管理器执行对应命令即可直接输出精准版本：

• 使用npm：执行 npm list next
• 使用yarn：执行 yarn list next --depth=0
• 使用pnpm：执行 pnpm list next

3. 在运行时代码中获取版本 #

如果需要在项目运行时拿到版本号，可以直接引入Next.js包内的package.json文件读取版本字段：

// 适用于ES模块项目
import nextPackage from 'next/package.json' assert { type: 'json' };
console.log(nextPackage.version);

// 适用于CommonJS项目
const nextPackage = require('next/package.json');
console.log(nextPackage.version);

4. 直接查看node_modules内的包信息 #

打开项目根目录下的node_modules/next/package.json文件，找到文件内的version字段，对应值就是当前实际安装的Next.js版本。

内容的提问来源于stack exchange，提问作者Denis2310