为什么我按照THREE.js官方文档编写的立方体示例无法正常运行？

• 检查three.js依赖加载是否正常
  你代码中通过本地路径引入three.js：<script src="js/three.js"></script>，请先确认你的项目根目录下存在js文件夹，且文件夹内有完整的three.js源文件，路径和文件名大小写也要和实际情况保持一致。
  排查方法：按下F12打开浏览器开发者工具，切换到控制台标签，查看是否存在ReferenceError: THREE is not defined报错，存在就说明依赖加载失败，调整引入路径和本地文件实际路径保持一致即可。
• 检查页面打开方式是否正确
  不要直接双击HTML文件用浏览器打开，这种方式使用file协议访问，部分浏览器会限制本地js资源的加载，也会导致依赖加载失败。
  你可以在VS Code中安装Live Server插件，右键HTML文件选择「Open with Live Server」，通过本地http服务启动页面即可规避这个问题。
• 检查WebGL兼容性
  极少数老旧浏览器不支持WebGL，可在控制台查看是否有WebGL相关报错，升级到Chrome、Edge、Firefox等现代浏览器即可解决。

你提供的代码本身是three.js官方的入门示例代码，逻辑没有问题，完成上述排查后即可正常显示旋转的绿色立方体。

内容的提问来源于stack exchange，提问作者Azr.em