找不到“页面”目录。请在项目根目录下创建一个答案

【问题标题】：Couldn't find a `pages` directory. Please create one under the project root找不到“页面”目录。请在项目根目录下创建一个
【发布时间】：2020-04-20 05:51:25
【问题描述】：

运行 npm run dev 时遇到一些问题

我收到以下错误：

错误：> 找不到pages 目录。请在项目根目录下创建一个

这是我放入的“页面”的图像。

有什么想法吗？

这是 package.json：

{
    "name": "adonis-fullstack-app",
    "version": "4.1.0",
    "adonis-version": "4.1.0",
    "description": "The fullstack application boilerplate for Adonisjs",
    "main": "index.js",
    "scripts": {
        "start": "NODE_ENV=production node server.js",
        "dev": " NODE_ENV=development adonis serve --dev --ignore=\"./storage/framework/next\" ",
        "build": "next build ./storage/framework/next",
        "begin": "npm install && cp .env.example .env",
        "stories": "start-storybook -p 9001 -c ./storage/framework/storybook",
        "lint-staged": "lint-staged"
    }
}

【问题讨论】：

您能分享您的package.json 示例吗？
你的页面目录应该是根级别 - 意味着与你的 package.json 文件相同的级别。否则，您可以根据需要更改 baseUrl 配置

标签： reactjs next.js

【解决方案1】：

我知道你很久以前发过这篇文章，所以很可能它已经解决了。

但是当我遇到同样的问题时，我设法找到了一个适合我的解决方案，所以我只是想我会把它留在这里，以防将来对其他人有任何帮助。

与 OP 类似，我的目录设置为：

¬ project-root-dir
  ¬ frontend-dir
    ¬ website-dir

通过这样做，我可以在同一个根目录文件夹中创建其他项目（例如：如果我想为管理面板创建后端，我可以创建一个完全独立的应用程序在 backend\admin 目录中）。

更新后的项目结构的示例：

¬ project-root-dir
  ¬ frontend-dir
    ¬ website-dir
  ¬ backend-dir
    ¬ admin-panel-dir

通过这样做，我们现在可以在每个目录中都有一个 package.json 文件（例如 - 网站和管理面板），这就是诀窍让 Next.JS 识别 /pages/ 目录。

因此，请确保您的 package.json 文件位于您要安装软件包的项目中。在我的示例中，我最初在 root-project-dir 中创建它，但实际上需要在 frontend\website 目录中

更新项目结构：

¬ project-root-dir
  ¬ frontend-dir
    ¬ website-dir
      ¬ pages
        ¬ index.js
      ¬ package.json
  ¬ backend-dir
    ¬ admin-panel-dir

然后我可以在 frontend\website 目录中运行 npm install 来安装软件包，因此它们不再驻留在 根项目目录，然后，当运行 npm run dev 时，它成功找到了 /pages/ 目录，并且我可以在继续开发时浏览该站点。

【讨论】：