Javascript 三、SpriteCanvasMaterial不是构造器|角度7

我正在使用Angular 7 project，我想从官方网站THREE向我的项目添加三个JS，然后当我开始运行project时，它会显示一个错误，如：

core.js:15723 ERROR TypeError: THREE.SpriteCanvasMaterial is not a constructor
at init (<anonymous>:32:26)
at HTMLDocument.<anonymous> (<anonymous>:16:9)
at e (jquery.min.js:2)
at t (jquery.min.js:2)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:17289)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496)
at ZoneTask.invoke (zone.js:485)

core.js:15723错误类型错误：三。SpriteCanvasMaterial不是构造函数
初始时（：32:26）
在HTMLDocument。(:16:9)
在e（jquery.min.js:2）
at t（jquery.min.js:2）
在ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask（zone.js:421）
位于Object.onInvokeTask（core.js:17289）
在ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask（zone.js:420）
在Zone.push../node_modules/Zone.js/dist/Zone.js.Zone.runTask（Zone.js:188）
在push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask（zone.js:496）
在ZoneTask.invoke（zone.js:485）

结果也不是很好。我不知道是什么导致了这个错误的发生，即使我的代码与实时站点中的示例相同。我还添加了他们需要的脚本

<script src="assets/js/threejs/three.js"></script>
<script src="assets/js/threejs/Projector.js"></script>
<script src="assets/js/threejs/CanvasRenderer.js"></script>
<script src="assets/js/threejs/stats.min.js"></script>

不是项目的官方网站。官方示例位于此处：

CanvasRenderer

已于一年前随

R98

一起删除。因此，您不能再在最新的

three.js

版本中使用这种类型的渲染器和

SpriteCanvasMaterial

解决方案是使用

WebGLRenderer

。链接的示例也可以作为WebGL演示提供：

three.js R111