Vite项目中import WebGL语句无法运行的原因求助

• 版本不匹配：文档与安装包的导出定义差异
  你参考的Three.js官方文档对应的版本，和实际通过npm install three安装的版本不一致。在部分Three.js版本中，three/addons/capabilities/WebGL.js的导出方式是默认导出而非命名导出。也就是说，文件内的代码是export default WebGL，而不是export { WebGL }。当你用命名导入import { WebGL }时，自然找不到对应的导出项，触发语法错误。

• Three.js addons模块的导出规范变更
  Three.js的addons（原examples/jsm目录）模块并非所有API的导出方式都保持稳定。开发团队会根据架构调整导出逻辑，比如将部分工具类从命名导出改为默认导出，或者调整导出对象的结构。你使用的导入语句是文档里的示例，但如果你的安装包版本刚好处于导出规范变更的节点，就会出现这种不兼容的情况。

• Vite模块解析的严格性
  Vite基于ES模块规范做严格的模块解析，它会直接读取Three.js包内的实际模块导出内容，不会做兼容式的降级处理。如果模块实际没有导出名为WebGL的成员，Vite就会准确抛出"does not provide an export named 'WebGL'"的错误，这和一些旧的打包工具（如Webpack）的宽松解析不同，也是报错直接显现的原因之一。

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