Three.js 导入其他组件时出错

Question

我正在从事一个项目，我需要开发一个简单的 1 HTML 具有 3D 图形的 Web 应用程序。我决定使用Three.js，但是有一个问题，我真的很困惑如何进行导入。虽然运行示例似乎一切正常，但是当我尝试在我的代码中实现相同的想法时，我不断遇到各种错误。

我的问题是我不愿意使用大量不同的框架和额外的库，我想保持简单并且只使用 node js 和 express 用于网络服务器和纯 HTML, CSS，前端用JS（with Three.js），为了Three.js我找到了this public CDN.

所以现在问题来了，在代码中我正在尝试导入 Three.js 类似的东西：

import * as THREE from "https://unpkg.com/three@0.119.0/build/three.module.js";
import { OrbitControls } from "https://unpkg.com/three@0.119.0/examples/jsm/controls/OrbitControls.js";

并且代码在旧版本 (< 0.128.0) 上工作绝对正常，但在 0.127.0 发布之后由于某种原因导入是不再是亲戚：

旧版本 (0.127.0):

// https://unpkg.com/three@0.127.0/examples/jsm/controls/OrbitControls.js
import {
  ...
} from '../../../build/three.module.js';

最新版本 (0.130.0):

// https://unpkg.com/three@0.130.0/examples/jsm/controls/OrbitControls.js
import {
  ...
} from 'three';

对于较新的版本，我收到以下错误：

TypeError：无法解析模块说明符“三”。相对引用必须以“/”、“./”或“../”开头。

我做错了什么，是否可以将这些新版本与 CDN 一起使用？

可以找到完整代码here

Answer 1

https://github.com/mrdoob/three.js/wiki/Migration-Guide#127--128

NPM：examples/jsm 中的 ES6 模块现在使用裸说明符导入三。此更改中断了在 cdns 中使用模块，例如 https://www.jsdelivr.com/ and https://unpkg.com/。请用 https://www.skypack.dev/ 相反。

Three.js 导入其他组件时出错

Three.js ERROR during additional components importing

javascript

three.js