你遇到的问题本质是两个核心问题的叠加：不同Three.js示例模块对核心库的导入别名不一致，再加上混用了不同版本的Three.js核心库与示例模块，导致API不兼容引发报错。下面是具体的解决步骤和方案：

1. 统一Three.js版本（最关键） #

你当前混用了three@0.183.2（核心库）和three@0.128.0（ConvexGeometry、EffectComposer），这两个版本的API差异极大，旧版示例模块无法适配新版核心库，必然会出现找不到依赖的报错。必须将所有模块统一到同一个版本：

• 若倾向使用新版（推荐）：将所有示例模块升级到0.183.2，新版Three.js的示例模块路径基本保持不变，但内部导入逻辑已适配新版核心库；
• 若需保留旧版：将核心库也降级到0.128.0，确保所有依赖版本完全一致。

2. 正确配置ImportMap处理别名 #

ImportMap的作用是将导入别名映射到实际库的URL，只要确保所有模块导入语句中使用的别名都在ImportMap中有对应映射即可。针对你提到的three和THREE两个别名，只需将它们都映射到同一个版本的核心库文件。

3. 修正模块导入方式 #

• 避免直接写完整CDN URL导入，改用ImportMap中定义的别名，让映射规则生效；
• 注意示例模块的正确导出方式，比如EffectComposer是导出命名成员，而非整个模块作为默认导出。

修改后的完整代码示例（统一到0.183.2版本） #

<script type="importmap">
{
  "imports": {
    "three": "https://cdn.jsdelivr.net/npm/three@0.183.2/build/three.module.min.js",
    "THREE": "https://cdn.jsdelivr.net/npm/three@0.183.2/build/three.module.min.js",
    "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.183.2/examples/jsm/"
  }
}
</script>

<script type="module">
// 使用ImportMap别名导入核心库
import { Vector3 } from 'three';

// 使用addons前缀导入示例模块（新版推荐写法）
import { ConvexGeometry } from 'three/addons/geometries/ConvexGeometry.js';
import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';

// 测试代码验证导入成功
console.log(Vector3, ConvexGeometry, EffectComposer);
</script>

为什么之前的配置无效？ #

• 版本不兼容：旧版0.128.0的EffectComposer依赖旧版核心库的API结构，而你映射的是新版0.183.2，导致内部找不到对应导出；
• 未利用ImportMap别名：你自己的导入直接写了完整CDN URL，没有使用配置的别名，映射规则自然无法生效；
• 导入方式错误：EffectComposer应提取命名导出，而非将整个模块导入为对象。

如果坚持使用0.128.0版本，只需将所有URL中的版本号替换为0.128.0，ImportMap配置如下：

<script type="importmap">
{
  "imports": {
    "three": "https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.module.min.js",
    "THREE": "https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.module.min.js",
    "three/examples/jsm/": "https://cdn.jsdelivr.net/npm/three@0.128.0/examples/jsm/"
  }
}
</script>

<script type="module">
import { Vector3 } from 'three';
import { ConvexGeometry } from 'three/examples/jsm/geometries/ConvexGeometry.js';
import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
</script>

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