如何安装和使用 three.js ES6 模块

【问题标题】：How do I install and use three.js ES6 modules如何安装和使用 three.js ES6 模块
【发布时间】：2021-02-22 18:11:14
【问题描述】：

所以在所有 THREE.js 示例中，总会有类似

import { FirstPersonControls } from './jsm/controls/FirstPersonControls.js';

有没有一个地方可以找到所有这些库和它们的 cdns？谢谢！

【问题讨论】：

【解决方案1】：

examples 目录中的所有 ES6 模块文件都是 three npm 包的一部分，可以像这样导入：

import { FirstPersonControls } from 'three/examples/jsm/controls/FirstPersonControls .js';

JSDelivr 或 unpkg 等各种 CDN 可以通过以下 URL 提供这些模块：

https://cdn.jsdelivr.net/npm/three@0.122/examples/jsm/controls/FirstPersonControls.js

【讨论】：

我尝试使用命令提示符进行安装，但它说 npm 不存在。此外，给出的链接说：“在三个中找不到请求的文件 /examples/jsm/controls/FirstPersonControls .js。”
抱歉，链接中有错字。如果缺少npm，请在您的系统上安装 node.js。