如何修改Node后端代码实现Webpack bundle的ES模块正确导入？

问题背景 #

使用Express搭建静态资源服务器，已配置/external_modules路径指向本地seeso包目录，尝试通过以下语句导入模块时出现错误：

import Seeso, {InitializationErrorType, CalibrationAccuracyCriteria} from '/external_modules/seeso/dist/seeso.js';

错误信息：

Uncaught SyntaxError: 请求的模块 '/external_modules/seeso/dist/seeso.js' 未提供名为 'CalibrationAccuracyCriteria' 的导出项 (在 easy-seeso.js:2:34)

Express后端代码如下：

import { fileURLToPath } from 'url';
import express from 'express'
const app = express();
const PORT = 20000;

app.use('/public', express.static('public'))
app.use('/node_modules', express.static('node_modules'))
app.use('/my_modules', express.static('my_modules'))
app.use('/external_modules', express.static('external_modules'))

app.get('/', (req, res) => {
    res.redirect('/public/index.html');
});

app.listen(PORT, () => console.log(`Server listening on port: ${PORT}`));

原因分析 #

/external_modules/seeso/dist/seeso.js是webpack打包生成的UMD格式文件，这类文件通常将所有API挂载到默认导出的对象上，而非提供独立的ES模块命名导出，因此无法直接通过{InitializationErrorType, CalibrationAccuracyCriteria}的命名导入方式获取成员。

修复方案 #

方案1：修改导入语句，从默认导出中解构成员 #

直接调整导入逻辑，先获取默认导出的Seeso对象，再从中解构需要的常量：

import Seeso from '/external_modules/seeso/dist/seeso.js';
const { InitializationErrorType, CalibrationAccuracyCriteria } = Seeso;

方案2：封装ES模块适配层（保留原有导入语法） #

如果希望继续使用原有命名导入的写法，可在seeso包目录下新增适配文件：

1. 在/external_modules/seeso/目录下创建index.js文件，内容如下：

import Seeso from './dist/seeso.js';
export default Seeso;
// 从默认导出中解构并导出需要的成员
export const { InitializationErrorType, CalibrationAccuracyCriteria } = Seeso;

2. 修改业务代码中的导入路径：

import Seeso, {InitializationErrorType, CalibrationAccuracyCriteria} from '/external_modules/seeso/index.js';

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