html中的js调用cdn问题

Question

碰到这种情况怎么处理啊，找了很多资料没找到啊！
正文里也改为了：

 import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.module.js';
 import  {OrbitControls}  from 'https://cdn.jsdelivr.net/npm/three/examples/jsm/controls/OrbitControls.js';
       

依然提示“does not provide an export named 'Controls'”

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

从您提供的错误信息来看，问题在于尝试从 'three' 模块导入名为 'Controls' 的导出项时出错。错误提示“does not provide an export named 'Controls'”意味着模块 'three' 没有提供名为 'Controls' 的导出项。这可能是由于版本不匹配或导入路径不正确导致的。

根据您提供的代码片段，您似乎正在尝试从CDN加载Three.js库并使用OrbitControls。请按照以下步骤进行检查和解决问题：

1. 确保Three.js库的版本与OrbitControls的版本匹配。有时，不同版本的库之间可能存在差异，导致某些功能无法正确导入。您可以尝试使用与OrbitControls兼容的Three.js版本。
2. 检查导入路径是否正确。确保您正确导入了OrbitControls文件。根据您提供的代码，导入路径似乎正确。但是，请注意确保您使用的CDN链接是正确的，并且Three.js库确实包含了OrbitControls文件。
3. 尝试使用不同的导入方式。有时候，直接导入特定的模块可能会导致问题。您可以尝试使用通配符 * 来导入整个模块，然后从模块中访问所需的控件。例如：

import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.module.js';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'; // 注意路径可能需要调整

请注意，具体的路径可能因Three.js的版本而异，所以请根据您的具体情况进行调整。

1. 如果上述步骤都没有解决问题，您可以尝试查看Three.js的文档或示例代码，确保您使用的导入方式符合该版本的规范。

如果问题仍然存在，建议您提供更多关于您的项目配置和使用的具体版本的详细信息，以便更好地帮助您解决问题。