javascript - 错误找不到 `pages` 目录。请在项目根目录下创建一个”

Question

以前我的项目设置是

public
.next
src
   pages
   components
   assets
next.config.js

这工作正常，但我将结构更改为以下

public
src
   client
    next.config.js
    jsconfig.json
    pages
    components
    assets
   server
    index.js

现在这个不工作了。我收到错误 Couldn't find a页 directory. Please create one under the project root
这是我更新的 next.config.js

const withPlugins = require("next-compose-plugins");
const optimizedImages = require("next-optimized-images");
const withPWA = require("next-pwa");

module.exports = withPlugins(
    [optimizedImages],
    [
      withPWA({
        pwa: {
          dest: "public",
        },
      }),
    ],
    {
      distDir: '../../dist/client',
    }
);

绝对导入(从“组件/按钮”导入按钮)

jsconfig.json

{
    "compilerOptions": {
      "baseUrl": "client/"
    }
  }

包.json

"scripts": {
    "dev:client": "nextjs src/client",
    "dev:server": "node src/server --out-dir dist/server --source-maps --watch",
    "dev": "dotenv -e .env.development yarn dev:client & yarn dev:server",
    "build": "yarn build:client && yarn build:server",
    "build:client": "dotenv -e .env.production next build src/client",
    "build:server": "node src/server --out-dir dist/server --source-maps",
    "build:staging": "yarn build:staging:client && yarn build:server",
    "build:staging:client": "dotenv -e .env.staging next build src/client",
    "start": "next start",
  },

.babelrc

{

    "plugins": [
      [
        "styled-components",
        {
          "ssr": true,
          "displayName": true,
          "preprocess": false
        }
      ]
    ],
    "presets": [
      "next/babel"
    ]
  }

Answer 1

根据官方 NextJs 文档页面文件夹可以移动到 src 文件夹中。但是像 next.config.js 和 tsconfig.json 这样的配置文件应该在根目录中，将它们移动到 src 是行不通的。公共(public)目录也是如此。

将 next.config.js 文件移动到根文件夹。

引用:https://nextjs.org/docs/advanced-features/src-directory