如何使用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然后我能够正确导入lib import * as THREE from 'three';

Answer 1

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

<强> config.js

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

<强> Forked Plunker