如何创建Next.js 13项目？指定版本命令执行仍失败

以下几种方法可以解决你遇到的问题：

• 使用精确的13.x版本号执行命令
  直接指定Next.js 13的具体稳定版本号，比如13.5.6（13系列的最后一个稳定版），命令如下：

  npx create-next-app@13.5.6 demo
  

  常用的13.x稳定版本还有13.4.19、13.4.12，你可以根据需求选择。只写@13时，npx可能会拉取create-next-app的13分支最新包，但部分情况下存在版本映射问题，导致最终安装的Next.js版本不符合预期。

• 清理npx缓存后重试
  npx会缓存已下载的包，旧缓存可能干扰版本拉取。先清理缓存：

  npx clear-npx-cache
  

  清理完成后再执行指定版本的创建命令：

  npx create-next-app@13 demo
  

• 手动创建项目并安装依赖
  如果上述方法都无效，可以手动搭建项目结构：

  1. 创建项目文件夹并初始化npm：

     mkdir demo && cd demo && npm init -y
     

  2. 安装指定版本的Next.js、React和ReactDOM：

     npm install next@13 react@18 react-dom@18
     

  3. 在package.json中添加Next.js的脚本命令：

     "scripts": {
       "dev": "next dev",
       "build": "next build",
       "start": "next start",
       "lint": "next lint"
     }
     

  4. 创建基础的页面文件：
     • 新建pages/_app.js文件：

       import '@/styles/globals.css'
       
       export default function App({ Component, pageProps }) {
         return <Component {...pageProps} />
       }
       

     • 新建pages/index.js文件：

       export default function Home() {
         return <div>Hello Next.js 13</div>
       }
       

     • 新建styles/globals.css文件（可留空或添加基础样式）
       完成后执行npm run dev即可启动Next.js 13项目。

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