包括從角cli

Projector.js我正在一個基於角度cli的應用程序與使用three.js在那。我可以使用這三個.js與import * as THREE from 'three'; 但我想要添加Projector.js以及。我加入.angular-cli.json下面的代碼，包括從角cli

"scripts": [ 
     "../node_modules/three/build/three.js", 
     "../node_modules/three/examples/js/renderers/Projector.js"   
     ],

我想創造的投影像的對象，

projector: any = new THREE.Projector();

我得到一個錯誤在我的瀏覽器控制檯，

THREE.Projector has been moved to /examples/js/renderers/Projector.js.

如何在角度cli應用程序中使用我的組件中的projector.js？

2017-10-05 srijishks

這不是您在角度項目中添加three.js的方式。
你缺少的分型，所以一旦你安裝你所要做的tree.js的是：

yarn add @types/three -dev或npm install @types/three --save-dev

你也需要從scripts部分拿出你的three.js和Projector.js裁判。

你的錯誤THREE.Projector has been moved to /examples/js/renderers/Projector.js.意味着Projector事情已經從核心轉移到例子。

/examples/js/renderers/Projector.js只是示例文件的名稱。所以你必須將Projector.js的內容整合到一個角度分量中。

像這樣的事情：const raycaster = new THREE.Raycaster(); const mouse = new THREE.Vector2();將工作正常。

2017-10-05 04:48:17 Kuncevic

我嘗試這樣做，但仍然收到相同的錯誤消息。你的意思是說把'Projector.js'的內容複製/粘貼到我的組件中？你能解釋一下嗎？怎麼做。 – srijishks

@srijishks我剛纔澄清了答案的一部分。基本上你必須將代碼轉換爲角度組件，就好像你只是複製粘貼它可能不起作用。 – Kuncevic

應該有'three.js'標籤嗎？它看起來更像是一個javascript /打字稿/構建系統/角度問題，恰好嘗試從三個導入模塊（可以是任何其他庫） – pailhead

回答