Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

这篇具有很好参考价值的文章主要介绍了Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天遇到报错export ‘Geometry’ (imported as ‘THREE’) was not found in ‘three’

port 'Geometry' (imported as 'THREE') was not found in 'three' (possible exports: ACESFilmicToneMapping, AddEquation, AddOperation, AdditiveAnimationBlendMode, AdditiveBlending, AlphaFormat, AlwaysDepth, AlwaysStencilFunc, AmbientLight, AmbientLightProbe, AnimationAction, AnimationClip, AnimationLoader, AnimationMixer, AnimationObjectGroup, AnimationUtils, ArcCurve, ArrayCamera, ArrowHelper, Audio, AudioAnalyser, AudioContext, AudioListener, AudioLoader, A

Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

报错分析

遇到这种报错,是因为你使用的是低版本的语法,需要修改为最新的,three.js 在 R125版本后将Geometry替换使用BufferGeometry

所以只需要搜索代码中的THREE.Geometry

// 修改前代码
const geometry = new THREE.Geometry()
// 修改后代码
const geometry = new THREE.BufferGeometry();

修改完毕,大功告成~

小伙伴们,先写到这里啦,我们明天再见啦~~
大家要天天开心哦

欢迎大家指出文章需要改正之处~
学无止境,合作共赢

Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘文章来源地址https://www.toymoban.com/news/detail-475064.html

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~

到了这里,关于Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • three.js从入门到精通系列教程004 - three.js透视相机(PerspectiveCamera)滚动浏览全景大图

    源码下载地址 three.js从入门到精通系列教程004 - three.js透视相机(PerspectiveCamera)滚动浏览全景大图

    2024年01月23日
    浏览(64)
  • Three.js一学就会系列:02 画线

    最近开始入坑前端3D建站,跟大家一起慢慢深入three.js做网站3D 这篇文章给大家讲下three.js 画线 官网,介绍 ,以及 引入库 ,参看文章片头系列文章:01 第一个3D网站 创建一个场景 创建一个透视摄像机 知识点: camera.position.set():三个参数固定透视摄像机的位置 camera.lookAt():

    2024年02月07日
    浏览(97)
  • Three.js一学就会系列:05 加载3D模型

    Three.js一学就会系列:01 第一个3D网站 Three.js一学就会系列:02 画线 Three.js一学就会系列:03 炫酷3D划线 Three.js一学就会系列:04 炫酷3D文字 最近开始入坑前端3D建站,跟大家一起慢慢深入three.js做网站3D 这篇文章给大家讲下 如何加载一个3D模型 GLTFLoader : 加载GLTF加载器,glT

    2024年02月02日
    浏览(47)
  • Three.js系列: 在元宇宙看电影,享受 VR 视觉盛宴

    本文 gihtub 地址: https://github.com/hua1995116/Fly-Three.js 最近元宇宙的概念很火,并且受到疫情的影响,我们的出行总是受限,电影院也总是关门,但是在家里又没有看大片的氛围,这个时候我们就可以通过自己来造一个宇宙,并在 VR 设备(Oculus 、cardboard)中来观看。 今天我打算

    2024年02月08日
    浏览(41)
  • WEB 3D技术 three.js draco解压器 解决 压缩后的gltf/glb报错 Error: THREE.GLTFLoader: No DRACOLoader instance pravid

    通常 我们 glb/gltf里面都是非常大的场景 有些工具 它会因为过大做了压缩 导致 我们开始是用不了的 我们可以官网搜索 draco 如下图选择 这是个解压工具 用在我们各种的3D建模软件中 大部分是通用的 我们先在代码中导入工具 我们在项目根目录中 找到 node_modules下的 three 然后

    2024年04月16日
    浏览(49)
  • nuxt2引入three.js页面刷新报错问题:require() of ES Module

    刷新后页面提示: 问题所在: 这与 nuxt 构建系统有关。使用第三方库时,应该将它们添加到 nuxt.config.js build.transpile 数组中,以便它可以作为 Babel 的依赖项包含在内。

    2024年01月23日
    浏览(43)
  • 解决export ‘default‘ (imported as ‘xxx‘) was not found in ‘xxx‘

    今天写代码时出现了问题,记录一下,源代码如下 编译时警告 试了很久最后发现是import语法问题  

    2024年02月04日
    浏览(50)
  • THREE.JS使用详细(three.js创建3d物体,three.js的使用方式)

    简述:three.js封装了WebGL的底层细节,是一款运行在浏览器中的 3D 引擎,可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象,目前在Git上已经拥有90k+的star,今天用three.js来构建一个三维模型; 1、首先,在项目中需要下载threejs的相关依赖; 2、在js页面引入使

    2024年01月23日
    浏览(83)
  • three.js(四):react + three.js

    绘制多个立方体 1.搭建react+ts 项目 react+ts 的用法可参考此链接: https://react-typescript-cheatsheet.netlify.app/docs/basic/setup 2.安装three依赖 3.安装路由 react-router-v6 的用法可参考此链接:https://juejin.cn/post/7088526716049555492 4.用路由组件包裹APP。 index.tsx 5.构建项目页面 src/view/Basics.tsx src/

    2024年02月11日
    浏览(55)
  • 【Three.js】Three.js快速上手教程

    官网对 Three.js 的介绍非常简单:“Javascript 3D library”。 即: three.js 是 JavaScript 编写的 WebGL 第三方库。提供了非常多的3D显示功能,是一个常见的 web 3D 库。 相关概念解释:three.js webGL openGL openGL 是一个跨平台3D/2D的绘图标准, webGL 则是 openGL 在浏览器上的一个实现。 web前端

    2024年01月16日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包