Three.js通过CDN加载STL模型方法

本文手把手教你如何通过 CDN 在现代浏览器中零配置、无构建工具地加载 STL 模型——关键在于正确理解 Three.js 的 ESM 生态结构：STLLoader 并非独立包，而是官方 examples/jsm 模块的一部分，必须通过精确的 `three/addons/` 路径导入（如 `'three/addons/loaders/STLLoader.js'`），配合严格版本对齐的主库与示例模块，并规避常见陷阱（如错误引入第三方 stl-loader、路径末尾斜杠缺失、file:// 协议跨域报错等）；文末提供完整可运行代码与调试指南，助你快速实现 STL 模型的可视化渲染，真正实现“复制即用、开箱即见”。

本文详解如何通过 CDN 在现代浏览器中正确使用 ES 模块方式导入 Three.js 及其官方 STLLoader，避免常见语法错误与路径陷阱。

在 Three.js 生态中，STLLoader 并非独立发布的 NPM 包（如 stl-loader@2.3.0），而是作为 Three.js 官方示例模块（examples/jsm/）的一部分 维护和分发。这意味着：❌ 不能直接通过 import { STLLoader } from 'stl-loader' 导入第三方 UMD 库；✅ 必须从 three 的 jsm 目录下按路径导入官方维护的 ES 模块版本。

✅ 正确做法：统一使用 three 官方 ESM 生态

请将