“找不到命令：create-next-app”如何创建下一个应用程序？

Question

我是 Next.js 新手我正在使用此命令来创建我的应用程序：

npx create-next-app

但它给出了一个错误，即：

错误：EPERM：不允许操作，找不到 mkdir 'C:\Users\danyyal' 命令：create-next-app

如何创建应用程序？ps我安装了nodejs。

Answer 1

create-next-app首先通过执行全局安装

npm i -g create-next-app

之后您可以使用create-next-appCLI 创建下一个应用程序。

如果您想在当前目录中创建新的下一个应用程序，请执行以下操作

create-next-app .

对于命名的下一个应用程序，只需执行以下操作

create-next-app your-app-name

Answer 2

您始终可以手动设置项目。

步骤1：在你的项目中安装next、react和react-dom：

npm install next react react-dom

步骤 2：打开 package.json 并添加以下脚本：

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

步骤 3：使用以下内容填充 ./pages/index.js：

function HomePage() {
  return <div>Welcome to Next.js!</div>
}

export default HomePage

要开始开发您的应用程序，请运行npm run dev or yarn dev. 这将在 http://localhost:3000 上启动开发服务器。

更新

因为您需要更多帮助。

创建一个新文件夹并根据需要命名，然后打开终端并进入项目文件夹并运行步骤 1 命令。现在打开 package.json 文件并在其中编写步骤 2 的代码。现在在当前项目目录中创建pages文件夹，并在其中创建一个index.js文件并编写步骤3代码。现在通过执行 npm run dev 来运行项目。所以项目结构会是这样的。

--Nextjs Project
     ---pages
           |--- index.js
     ---packages.json

Answer 3

在手动创建它之前

npm install react next react-router

尝试安装 create-next-app 包

npm i create-next-app

然后你可以再次执行：

npx create-next-app my-awesome-app