Next.js报错：next.config.js中target属性已不再支持，求解决方案

数据老陈

2026-8-11

解决Next.js中target属性废弃的报错问题

问题原因

新版Next.js已移除target配置属性，原target: "serverless"写法不再被支持，需替换为output选项来指定构建输出类型。

修改方案

直接移除target: "serverless"，根据部署需求添加对应的output配置：

若需部署到无服务器平台（如AWS Lambda、Vercel），使用output: "standalone"（生成最小化独立服务包）
若需纯静态导出（无服务端功能），使用output: "export"

修改后的完整配置代码

const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
});

module.exports = withBundleAnalyzer({
  output: "standalone", // 替换原target配置
  env: {
    BASE_URL: process.env.BASE_URL,
  },

  webpack(conf) {
    conf.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: "@svgr/webpack",
          options: {
            svgoConfig: {
              plugins: [
                {
                  // Enable figma's wrong mask-type attribute work
                  removeRasterImages: false,
                  removeStyleElement: false,
                  removeUnknownsAndDefaults: false,
                  // Enable svgr's svg to fill the size
                  removeViewBox: false,
                },
              ],
            },
          },
        },
      ],
    });
    conf.resolve.modules.push(__dirname);
    return conf;
  },
});