Next.js 13集成DocuSign时ApiClient模块找不到问题求助

问题原因 #

docusign-esign源码目录（node_modules/docusign-esign/src）内部使用了非相对路径导入文件（如import 'ApiClient'），但Next.js的Webpack模块解析规则要求当前目录的文件导入必须以./开头，因此触发了模块找不到的错误。

解决方案 #

方案1：使用预编译的模块版本

docusign-esign提供了预编译完成的lib目录，直接导入该目录下的代码即可避开源码中的路径问题：

import { NextResponse } from 'next/server'
import { ApiClient } from 'docusign-esign/lib/ApiClient';

export async function POST(request: Request) {
  console.log("here")
  const dsApiClient = new ApiClient();

  return NextResponse.json({ dsApiClient })
}

或者直接导入整个预编译模块：

import docusign from 'docusign-esign/lib';

方案2：配置Webpack优先解析相对路径

修改next.config.js，添加Webpack的preferRelative解析选项，让Webpack自动将非相对路径的内部导入视为当前目录的相对路径：

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.resolve.preferRelative = true;
    return config;
  },
};

module.exports = nextConfig;

修改后重启Next.js开发服务即可生效。

额外注意事项

如果使用TypeScript，建议安装对应的类型定义包以获得更好的开发体验：

npm install @types/docusign-esign --save-dev

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