【发布时间】:2021-01-16 19:52:56
【问题描述】:
我是 Next.js 的新手,我正在使用这个命令来创建我的应用程序:
npx create-next-app
但它给出的错误是:
错误:EPERM:不允许操作,mkdir 'C:\Users\danyyal' 找不到命令:create-next-app
如何创建应用程序? ps 我已经安装了nodejs。
【问题讨论】:
标签: next.js
我是 Next.js 的新手,我正在使用这个命令来创建我的应用程序:
npx create-next-app
但它给出的错误是:
错误:EPERM:不允许操作,mkdir 'C:\Users\danyyal' 找不到命令:create-next-app
如何创建应用程序? ps 我已经安装了nodejs。
【问题讨论】:
标签: next.js
您始终可以手动设置项目。
第 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
【讨论】:
先尝试运行npm i create-next-app。
【讨论】:
您可以通过创建文件夹手动创建它并运行npm init创建一个package.json文件运行npm install next react react-dom --save,打开package.json并添加此
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"
}
【讨论】:
code block 为code section、json 等。
在手动创建之前
npm install react next react-router
尝试安装 create-next-app 包
npm i create-next-app
然后你可以再做一次:
npx create-next-app my-awesome-app
【讨论】:
【讨论】:
尝试先全局安装,使用命令 npm install -g create-react-app
然后,您可以使用以下命令创建您的应用, npx create-react-app
【讨论】:
首先,全局安装npx(如果没有)
npm i -g npx
然后,运行命令 create-next-app
npm 我创建下一个应用程序
然后您将能够通过运行来创建下一个应用程序
npx create-next-app 应用名称
【讨论】:
首先在全球范围内安装create-next-app
npm i -g create-next-app
之后就可以使用create-next-app CLI 创建下一个应用了。
如果您想在当前目录中创建新的下一个应用程序,请执行
create-next-app .
对于命名的下一个应用程序,只需这样做
create-next-app your-app-name
【讨论】:
尝试全局安装 create-next-app
1. npm i -g create-next-app
和2. npx create-next-app appname
【讨论】: