使用 unpkg 导入 three.js 时,为什么在 main.js 中无法识别 THREE?

使用 unpkg 导入 three.js 时,为什么在 main.js 中无法识别 THREE?

通过 unpkg 引入 three.js

您希望通过 unpkg 在没有任何前端框架的情况下导入 three.js。然而,在您的代码中,您在 main.js 中无法识别 THREE。

出现此错误是因为您尚未在 index.html 中正确导入 THREE 模块。要解决此问题,请进行以下更改:

使用 importmap 引入 three.js 模块:

index.html

  {    "imports": {      "three": "https://unpkg.com/three@0.155.0/build/three.module.js"    }  }  import * as THREE from 'three';  console.log(THREE);

登录后复制

或者,直接在 标签中导入 three.js 模块:

index.html

  import * as THREE from 'https://unpkg.com/three@0.155.0/build/three.module.js';  console.log(THREE);

登录后复制

现在,您可以在 main.js 中通过以下方式访问 THREE:

main.js

console.log("Hello Three.js");console.log("js" + THREE);const scene = new THREE.Scene();

登录后复制

以上就是使用 unpkg 导入 three.js 时,为什么在 main.js 中无法识别 THREE?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2803546.html

(0)
上一篇 2025年3月8日 21:42:54
下一篇 2025年3月8日 21:42:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论