Nextjs 14页文件夹，输出：“导出”不起作用

Question

我正在开发带有页面文件夹的 nextjs 14.2 版本。我还没有任何图像、/api 路线或任何东西。这是一个旧的 nextjs 应用程序，已更新到最新版本。

当我运行 npm run build 时，它没有生成 .out 文件夹。仅创建 .next 文件夹。

nextjs.config.mts：

const nextConfig: NextConfig = {
  output: 'export',
  reactStrictMode: true,
  webpack(config, { isServer }) {
    config.module.rules.push({
      test: /\.svg$/,
      use: ['@svgr/webpack'],
    });
    return config;
  },
};

打字稿，下一个配置有效吗？

下面是我的下一个构建输出日志。

> [email protected] build:next
> next build

  ▲ Next.js 14.2.7

 ✓ Linting and checking validity of types    
   Creating an optimized production build ...
 ✓ Compiled successfully
 ✓ Collecting page data    
 ✓ Generating static pages (3/3)
 ✓ Collecting build traces    
 ✓ Finalizing page optimization    

Route (pages)                             Size     First Load JS
┌ ○ /                                     445 B          78.9 kB
├   └ css/9892d4308d0bb550.css            355 B
├   /_app                                 0 B            78.5 kB
└ ○ /404                                  180 B          78.7 kB
+ First Load JS shared by all             78.9 kB
  ├ chunks/framework-ecc4130bc7a58a64.js  45.2 kB
  ├ chunks/main-b203a0fef99bcbd5.js       32.1 kB
  └ other shared chunks (total)           1.63 kB

○  (Static)  prerendered as static content

package.json

{
,
"dependencies": {
...
    "next": "^14.2.7",
    "serve": "^14.2.3"
...
  },
}

正如您在此处所看到的，创建了

.next

，但没有创建

.out

。可能出了什么问题？

Answer 1

按照官方文档更改输出目录的名称。

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  output: 'export',
 
  // Optional: Change links `/me` -> `/me/` and emit `/me.html` -> `/me/index.html`
  // trailingSlash: true,
 
  // Optional: Prevent automatic `/me` -> `/me/`, instead preserve `href`
  // skipTrailingSlashRedirect: true,
 
  // Optional: Change the output directory `out` -> `dist`
  // distDir: 'dist',
}
 
module.exports = nextConfig