在我的页面正文中,我调用托管在dropbox上的JS文件,但是我在检查器中收到错误消息并且JS没有运行(应该可以看到一个three.js着色器,但所有显示的是页面背景颜色。)
在本地托管时,JS和网站完美运行。只有在将它们移到网上后它才停止工作并开始触发错误。
有谁知道如何让这项工作?以及如何摆脱这些错误?
提前致谢。
答案 0 :(得分:0)
似乎您正在从页面中推送/包含的node_modules获取文件或文件的开发版本。
Dropbox 中包含的canvasrenderer.js
需要其import
语句中所述的其他文件。因此,当您尝试调用函数时,它会抛出错误。
尝试使用此代码添加文件,而不是您的Dropbox源代码,以查看它是否有效:
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/build/three.min.js"> </script>
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/renderers/CanvasRenderer.js"></script>
如果您可以修改代码,请尝试使用this fiddle中显示的WebGLRenderer
。
var renderer = new THREE.WebGLRenderer({antialias: true, alpha: true});
此外, WebGL 之一的表现更好。