【问题标题】:"command not found: create-next-app" how do I create a next application?“找不到命令:create-next-app”如何创建下一个应用程序?
【发布时间】:2021-01-16 19:52:56
【问题描述】:

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

npx create-next-app

但它给出的错误是:

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

如何创建应用程序? ps 我已经安装了nodejs。

【问题讨论】:

    标签: next.js


    【解决方案1】:

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

    第 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
    
    

    【讨论】:

    • 嘿,我是新手,不知道如何手动操作,您能解释一下吗?我应该创建一个空文件夹并在步骤 1 中运行命令还是应该如何?
    • 创建一个新文件夹并根据需要命名,然后打开终端并进入项目文件夹并运行第 1 步命令。现在创建一个 package.json 文件并在其中编写步骤 2 代码。现在在当前项目目录中创建 pages 文件夹,并在其中创建一个 index.js 文件并编写第 3 步代码。现在通过执行 npm run dev 来运行项目。将更新答案以帮助您
    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

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

      【讨论】:

      • 欢迎使用stackoverflow 感谢您的贡献,您可以使用code blockcode sectionjson 等。
      【解决方案4】:

      在手动创建之前

      npm install react next react-router
      

      尝试安装 create-next-app 包

      npm i create-next-app
      

      然后你可以再做一次:

      npx create-next-app my-awesome-app
      

      【讨论】:

        【解决方案5】:

        您必须使用节点 10.13 或更高版本才能使其工作!

        NextJS Requirements

        1. nvm use 10

        2. npx create-next-app

        【讨论】:

          【解决方案6】:

          尝试先全局安装,使用命令 npm install -g create-react-app

          然后,您可以使用以下命令创建您的应用, npx create-react-app

          【讨论】:

            【解决方案7】:

            首先,全局安装npx(如果没有)

            npm i -g npx

            然后,运行命令 create-next-app

            npm 我创建下一个应用程序

            然后您将能够通过运行来创建下一个应用程序

            npx create-next-app 应用名称

            【讨论】:

              【解决方案8】:

              首先在全球范围内安装create-next-app

              npm i -g create-next-app
              

              之后就可以使用create-next-app CLI 创建下一个应用了。

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

              create-next-app .
              

              对于命名的下一个应用程序,只需这样做

              create-next-app your-app-name
              

              【讨论】:

              【解决方案9】:

              尝试全局安装 create-next-app 1. npm i -g create-next-app2. npx create-next-app appname

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 2022-01-25
                • 1970-01-01
                • 2018-01-09
                • 1970-01-01
                • 2020-10-31
                • 2019-04-26
                • 1970-01-01
                • 2022-07-31
                相关资源
                最近更新 更多