angular - 如何使用 Angular 和 ThreeJS 设置 plnkr

Question

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

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

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

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

标签： angularthree.jsplnkr.co

Answer 1

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

配置.js

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

分叉的柱塞