使用npx create-next-app --template redux无法生成Redux模板

问题原因 #

执行npx create-next-app <app_name> --template redux未生成Redux模板，大概率是create-next-app版本过低，或者模板拉取时出现网络问题。

解决方案 #

1. 使用最新版create-next-app拉取模板

直接指定最新版本的create-next-app执行命令，确保能识别官方Redux模板：

npx create-next-app@latest <app_name> --template redux

2. 手动指定模板仓库地址

如果上述命令仍失败，可直接指定Redux官方模板的GitHub仓库路径：

npx create-next-app <app_name> --template https://github.com/reduxjs/redux-templates/tree/master/packages/nextjs

3. 手动配置Redux（模板拉取失败时备用）

如果以上方法都不行，可手动在普通Next.js项目中添加Redux：

• 安装依赖：

npm install @reduxjs/toolkit react-redux

• 创建Redux Store文件（如app/store.js）：

import { configureStore } from '@reduxjs/toolkit'

export const store = configureStore({
  reducer: {
    // 后续添加自定义reducer
  },
})

• 在根布局文件app/layout.js中用Provider包裹应用：

'use client'
import { Provider } from 'react-redux'
import { store } from './store'

export default function RootLayout({ children }) {
  return (
    <html lang="zh-CN">
      <body>
        <Provider store={store}>{children}</Provider>
      </body>
    </html>
  )
}

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