三.js 不加载对象答案

【问题标题】：THREE.js not loading object三.js 不加载对象
【发布时间】：2016-03-19 06:34:23
【问题描述】：

我刚刚接触到threejs，我正在制作threejs 的“Hello World”，基本上只是制作一个形状。我正在使用 c9.io 编写我的所有代码，但我不知道这是否是导致错误的原因。我已经编写了所有代码，但由于某种原因它没有执行。以下是您可能需要的一些 sn-ps：

<html>
    <head>
        <title>test</title>
        <meta charset="utf-8">
        <style>
        body {
            margin: 0px;
            background-color: #000000;
            overflow: hidden;   
        }
        canvas {
            width: 100%;
            height: 100%;
        }
        </style>
    </head>
    <body>
        <script src="node_modules/three/three.min.js"></script>
        <script src="scene1.js"></script>
    </body>
</html>

用于运行网站的 HTML（我是否正确引用了脚本？）

import THREE from 'node_modules/three';

var scene = new THREE.Scene();
var fov = 45;
var aspect = window.innerWidth / window.innerHeight;
var near = 0.1;
var far = 10000;
var camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({color: 0x666420});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 5;
var render = function()
{
    requestAnimationFrame(render);

    cube.rotation.x += 0.1;
    cube.rotation.y += 0.1;

    renderer.render(scene, camera);
}
render();

JavaScript 代码

【问题讨论】：

在head中添加script标签来加载threejs
根据文档threejs.org/docs/#Manual/Introduction/Creating_a_scene

标签： javascript html three.js c9.io

【解决方案1】：

我已经在我的浏览器中尝试过了，它正在工作。确保“node_modules/three/three.min.js”存在或将script标签的src替换为“three.min.js”。根据截图，你有three.min.js文件。

【讨论】：

所以你说这可能是c9的问题？还有其他在线代码编辑替代方案吗？
首先检查解决方案是否有效。如果没有，则运行该文件并检查控制台是否有任何错误（它是屏幕截图底部的第三个选项卡）。我没有使用过 c9，所以我不能说这是否是问题的根源。我用过threejs，我确信那部分不会导致问题。你可能在安装threejs时犯了一些错误。
不，我似乎找不到错误。我在在线 IDE 之外的另一个程序中尝试了这个，它也没有工作。我做错了什么？
再次尝试安装threejs。我没用过c9所以不能肯定。
您能在控制台中看到任何错误日志吗？还要配置网络选项卡以检查文件是否正在加载。我用C9从来没有遇到过这个问题。尝试杀死进程并在进行大量更改后重新启动服务器，它会产生对 c9 不利的缓存结果（随着项目的增长）