“未找到命令:create-next-app”如何创建下一个应用程序?

xcitsw88  于 2023-06-22  发布在  其他
关注(0)|答案(9)|浏览(249)

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

npx create-next-app

但它给出的错误是:
错误:EPERM:不允许操作,未找到mkdir“C:\Users\danyyal”命令:创建下一个应用程序
如何创建应用程序?p.s我已经安装了nodejs。

hpcdzsge

hpcdzsge1#

首先执行以下操作全局安装create-next-app

npm i -g create-next-app

之后,您可以使用create-next-app CLI创建下一个应用程序。
如果你想在当前目录下创建新的下一个应用程序

create-next-app .

对于命名的下一个应用程序,只需执行

create-next-app your-app-name
ql3eal8s

ql3eal8s2#

首先手动创建它:

npm install react next react-router

尝试安装create-next-app包:

npm i create-next-app

你可以再做一次:

npx create-next-app my-awesome-app
jum4pzuy

jum4pzuy3#

您始终可以手动设置项目。
步骤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
rdlzhqv9

rdlzhqv94#

您可以通过创建一个文件夹并运行npm init来创建package.json文件来手动创建它,然后运行npm install next react react-dom --save,打开package.json并添加此

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

yqlxgs2m5#

首先尝试运行npm i create-next-app

nc1teljy

nc1teljy6#

您必须使用node 10.13或更高版本才能使其工作!
NextJS要求
1. nvm use 10
2. npx create-next-app

mspsb9vt

mspsb9vt7#

尝试先全局安装,使用命令npm install -g create-react-app
然后,您可以使用命令***npxcreate-react-app***创建应用程序

jei2mxaa

jei2mxaa8#

首先,全局安装NPX(如果没有)
npm i -g npx
然后,运行命令create-next-app
npm i create-next-app
然后你就可以通过运行create-next-app
npx create-next-app appname

j9per5c4

j9per5c49#

第一次全局安装npx使用-gnpx i -g npx
然后安装npm i -g create-next-app

相关问题