加载到服务器后的Js错误

时间:2017-02-28 01:46:57

标签: javascript three.js syntax-error

在我的页面正文中,我调用托管在dropbox上的JS文件,但是我在检查器中收到错误消息并且JS没有运行(应该可以看到一个three.js着色器,但所有显示的是页面背景颜色。)

在本地托管时,JS和网站完美运行。只有在将它们移到网上后它才停止工作并开始触发错误。

有谁知道如何让这项工作?以及如何摆脱这些错误?

提前致谢。

link:http://artserv.webflow.io/

错误:errors logged in console

1 个答案:

答案 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 之一的表现更好。