如何使用 Angular 和 ThreeJS 设置 plnkr

Question

我正在尝试使用 Angular 和 ThreeJS 设置一个简单的 Plnkr 项目。到目前为止我已经知道了 - https://next.plnkr.co/edit/Jm4D2zgLtiKBGghC?preview

但是当我在 app.ts 上取消对 //var scene = new THREE.Scene(); 的注释时，控制台就会出错。很难理解这个错误，但我假设这只是我没有正确导入 ThreeJS 库。

我已将 <script src=" https://unpkg.com/three@0.93.0/build/three.js"></script> 添加到 index.html，我不确定还能做什么。

在我的本地环境中，我所要做的就是使用 npm three install 然后我能够正确导入库 import * as THREE from 'three';

Answer 1

你应该告诉 systemjs 在哪里可以找到 three 包：

config.js

map: {
  ...
  'three': 'npm:three'
},

How to setup plnkr with Angular and ThreeJS