NextJS生产构建后使用ExcelJS报错：无法将类作为函数调用

以下是针对该问题的可行解决方案，按优先级排序：

1. 配置NextJS转译ExcelJS包 #

NextJS默认使用SWC编译代码，部分第三方库（如ExcelJS）可能与SWC的生产编译逻辑不兼容，导致类被错误转换为函数。在next.config.js中添加transpilePackages配置，强制NextJS用Babel转译ExcelJS：

/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: ['exceljs'],
}

module.exports = nextConfig

修改后重新执行npm run build，验证是否解决问题。

2. 确保在客户端组件中使用ExcelJS #

ExcelJS是浏览器端库，若在服务器组件中调用会导致环境不兼容问题。在包含导出逻辑的组件顶部添加'use client'指令，明确标记为客户端组件：

'use client';

import { Workbook } from 'exceljs';

export async function handleExport() {
  const workbook = new Workbook();
  // 你的Excel样式配置与导出逻辑
}

3. 改用动态导入ExcelJS #

如果全局导入仍有问题，尝试在导出函数内部动态导入ExcelJS，避免编译时的模块处理问题：

'use client';

export async function handleExport() {
  const { Workbook } = await import('exceljs');
  const workbook = new Workbook();
  // 后续导出逻辑
}

4. 调整ExcelJS版本 #

部分ExcelJS版本与NextJS的生产构建存在兼容性问题，尝试切换到稳定版本（如3.1.4或最新稳定版）：

# 降级到3.1.4
npm install exceljs@3.1.4

# 或升级到最新稳定版
npm install exceljs@latest

5. 检查TypeScript配置细节 #

确保tsconfig.json中的moduleResolution设置为node16或nodenext，同时allowSyntheticDefaultImports设为true，避免模块导入解析错误：

{
  "compilerOptions": {
    "moduleResolution": "node16",
    "allowSyntheticDefaultImports": true,
    "target": "esnext",
    // 其他配置...
  }
}

内容的提问来源于stack exchange，提问作者Arjay Dala