首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:找不到`pages`目录。请在项目根目录下创建一个“

错误:找不到`pages`目录。请在项目根目录下创建一个“
EN

Stack Overflow用户
提问于 2020-05-20 10:15:46
回答 1查看 4.4K关注 0票数 1

以前我的项目设置是

代码语言:javascript
运行
复制
public
.next
src
   pages
   components
   assets
next.config.js

这个方法工作得很好,但我将结构改为如下

代码语言:javascript
运行
复制
public
src
   client
    next.config.js
    jsconfig.json
    pages
    components
    assets
   server
    index.js

现在这个不起作用了。我收到错误的Couldn't find apagesdirectory. Please create one under the project root

这是我更新的next.config.js

代码语言:javascript
运行
复制
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',
    }
);

用于绝对导入(从‘components/ Button’导入按钮)

jsconfig.json

代码语言:javascript
运行
复制
{
    "compilerOptions": {
      "baseUrl": "client/"
    }
  }

package.json

代码语言:javascript
运行
复制
"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

代码语言:javascript
运行
复制
{

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

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-20 10:22:55

根据官方的NextJs documentation pages文件夹,可以将其移动到src文件夹中。但是像next.config.js和tsconfig.json这样的配置文件应该在根目录中,将它们移动到src将不起作用。公共目录也是如此。

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

参考:https://nextjs.org/docs/advanced-features/src-directory

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61903950

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档