从角cli中包含Projector.js

Question

我正在开发一个基于角cli的应用程序，其中使用了three.js。我可以将three.js与import * as THREE from 'three';一起使用，但我也想添加Projector.js。我在.angular-cli.json中添加了以下代码，

"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.

如何使用projector.js在我的组件中的角cli应用程序？

Answer 1

这不是在您的角度项目中添加three.js的方式。

您缺少了输入，所以一旦安装了tree.js，您必须做的是：

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

另外，您还必须从three.js部分拿出您的Projector.js和scripts参考文献。

您的错误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();会很好的工作。