How to setup plnkr with Angular and ThreeJS

Question

I'm trying to setup up a simple Plnkr project with Angular and ThreeJS. I've got this so far - https://next.plnkr.co/edit/Jm4D2zgLtiKBGghC?preview

But as soon as I uncomment //var scene = new THREE.Scene(); on app.ts There is an error in the console. It's quite hard to understand the error, but I'm presuming it's simply I haven't imported the ThreeJS library correctly.

I've added in <script src=" https://unpkg.com/[email protected]/build/three.js"></script> to the index.html, I'm not sure what else to do.

On my local environment all I had to do was to use npm three install then I was able to import the lib correctly import * as THREE from 'three';

Just follow the steps described in this thread: stackoverflow.com/questions/44293797/… — Ludwig
– Ludwig, Commented Jun 10, 2018 at 17:14
If you comment out import * as THREE from 'three';, it seems to work — user184994
– user184994, Commented Jun 10, 2018 at 17:30

yurzui · Accepted Answer · 2018-06-10 17:24:45Z

1

You should tell systemjs where to find three package:

config.js

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

Forked Plunker

answered Jun 10, 2018 at 17:24

yurzui

215k32 gold badges450 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to setup plnkr with Angular and ThreeJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related