时间戳

首页 > 解决方案 > 找不到“页面”目录。请在项目根目录下创建一个

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

问题描述

运行 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"
    }
}

标签： reactjsnext.js

解决方案

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

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

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

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

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

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

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

通过这样做，我们现在可以在每个目录中都有一个package.json文件（例如 - website & admin-panel），这是让 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/目录并且我能够在我继续开发时浏览该网站。

推荐阅读