vue使用threejs加载模型问题整理

2023-11-19

1 如果出现错误 "THREE.WebGLRenderer: Error creating WebGL context.

        需要开启浏览器的gpu加速(GPU-acceleration);地址栏输入:chrome://flags/#ignore-gpu-blacklist,将GPU-acceleration设置可用

 2 出现错误:Uncaught Error: THREE.OBJLoader: Unexpected line: "<!DOCTYPE html>"

 该错误出现在vue脚手架项目中,使用objloader加载obj模型路径时候,错误路径如下:

let path="/statics/models/obj/IronMan/";

 正确方式:

const assetsUrl = process.env.BASE_URL + process.env.VUE_APP_ASSETS;
const path=assetsUrl+"/models/obj/IronMan/";

3 出现解析失败错误:

解析失败 TypeError: Class constructor Loader cannot be invoked without 'new'

出现该问题,是加载器引入不正确,用以下方式解决

import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
import { OBJLoader, MTLLoader } from 'three-obj-mtl-loader'
import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue使用threejs加载模型问题整理 的相关文章

随机推荐

  • 面试题流散汇总

    1 n位数全排列 大字符串相加 SQL HTTPS 根据简历来问 2 MapReduce和Spark的主要区别在于 MapReduce使用持久存储 而Spark使用弹性分布式数据集 RDDS Spark之所以如此快速 原因在于它在内存中处理
  • python爬取链家二手房信息并存储到数据库

    爬取链家的二手房信息 存储到数据库方便以后查看 文章目录 页面分析 引入库 方法编写 主函数编写 运行结果 页面分析 分析页面后发现是前后端未分离的状态 所以需要使用xpath分析界面元素 在li中存放着对应的div 有相关的信息 分析请求
  • Android 接入穿山甲SDK之开屏广告

    大家可以先参考我的上一篇博客介绍了如何集成SDK以及一些工具类传送门 首先创建一个脚本写入如下内容 package com unity3d player chuanshanjia import android app Activity im
  • RabbitMQ教程-重要参数&&API解释

    RabbitMQ的工作原理 下图是RabbitMQ的基本结构 生产者发送消息流程 1 生产者和Broker建立TCP连接 2 生产者和Broker建立通道 3 生产者通过通道消息发送给Broker 由Exchange将消息进行转发 4 Ex
  • MFC中如何将Menu资源添加到主对话框中

    还是写个博客备忘吧 自己这个脑子哦 在主对话框 Dlg cpp中 找到OnInitDialog 这个函数 在 TODO 在此添加额外的初始化代码 下面 添加这样的三行代码 TODO 在此添加额外的初始化代码 CMenu m Menu m M
  • 召唤神龙打造自己的ChatGPT

    在之前的两篇文章中 我介绍了GPT 1和2的模型 并分别用Tensorflow和Pytorch来实现了模型的训练 具体可以见以下文章链接 1 基于Tensorflow来重现GPT v1模型 gzroy的博客 CSDN博客 2 花费7元训练自
  • 硬件系统工程师宝典(30)-----降压式Buck电路分析

    各位同学大家好 欢迎继续做客电子工程学习圈 今天我们继续来讲这本书 硬件系统工程师宝典 上篇我们说到DC DC变换中的开关调节模式有功耗小 效率高并且稳压范围宽的特点以及DC DC的指标参数和设计要求 今天我们来分析一下DC DC中的一个典
  • Flutter flutter.minSdkVersion的实际文件位置

    Flutter 项目的Android相关版本号配置 flutter minSdkVersion 的版本号配置文件实际路径 flutter sdk packages flutter tools gradle src main groovy f
  • 总结:linux笔记-004

    一 Linux network详解 1 linux中网路相关的主要的几个配置文件 etc hosts 配置主机名 域名 和IP地址的对应 etc sysconfig network 配置主机名和网关 etc sysconfig networ
  • 【服务器基础资源巡检,含常用命令解析】

    在工作中经常去搜这些命令解析 于是整理了一下供大家参考 一 内存占用 二 磁盘占用 三 CPU占用 一 内存占用 使用free指令会显示内存的使用情况 包括实体内存 虚拟的交换文件内存 共享内存区段 以及系统核心使用的缓冲区等 参数如下 b
  • Vue 3第三章:模板语法及指令介绍

    文章目录 1 插值表达式 1 1 声明变量可直接在模板中使用 采用 变量名称 的方式 1 2 模板语法支持三元表达式 1 3 模板语法支持运算 1 4 模板语法支持方法调用 2 指令 2 1 v bind 用于绑定属性或动态绑定对象的值到元
  • uniapp中开发小程序使用ref获取dom实例,一直显示undefined,竟然发现是这个原因!

    小程序是不能使用getElementById之类的dom api 所以考虑使用ref来获取dom元素 但事实上并不是如此 绑定ref后并没有输出我想要的dom元素 既然console log this refs iRef 为undefine
  • 简单易懂的Git回滚操作(reset、revert)

    简单易懂的Git回滚操作 reset revert 一 问题描述 二 背景知识 git的版本管理 及HEAD的理解 三 解决方法 方法一 git reset 具体操作 方法二 git revert 具体操作 一 问题描述 在利用github
  • 在命令行运行 VSCode(macOS)

    在命令行运行 VSCode macOS系统 Windows 版 VSCode 的安装脚本带着一个是否把 Code 加入 PATH 的选项 而 macOS版却没有 有的人想到给 VSCode 做一个符号链接加入 PATH 中 但实际上这样做会
  • IBM power小型机HMC管理口默认IP地址和ASMI默认密码

    IBM硬件管理控制台 Hardware Management Console 提供了标准的用户接口来配置和管理Power System系列服务器以及服务器上的分区 通过HMC软件可以管理服务器 POWER5 HMC控制地址 192 168
  • HCIP——BGP第一天实验

    一 实验要求 除R5的5 5 5 0环回外 其他所有环回均可互相访问 二 实验拓扑 三 实验过程 1 配置IP地址 R1 r1 int g0 0 1 r1 GigabitEthernet0 0 1 ip add 12 1 1 1 24 r1
  • STM32 电机教程 29 - 无刷无感入门1

    前言 无刷直流 Brushless Direct Current BLDC 电机是一种正快速普及的电机类型 它可在家用电器 汽车 航空航天 消费品 医疗 工业自动化设备和仪器等行业中使用 正如名称指出的那样 BLDC 电机不用电刷来换向 而
  • uvm的config_db

    config db 是用于在各个uvm对象里传递参数 一般参数类型 是interface int等 据说参数必须是静态类型 这个可以在uvm config db相关代码里确认 后来知道 config db还能设置sequence和seque
  • C#如何从数据库SQLServer中同时读取多个结果集

    当需要从数据库中同时读取多个结果集时 比如执行如下的sql语句 select from tblClass select from tblStudent 同时从两个表格中获取结果 会获取两个结果集 此时需要使用SqlDataReader对象的
  • vue使用threejs加载模型问题整理

    1 如果出现错误 THREE WebGLRenderer Error creating WebGL context 需要开启浏览器的gpu加速 GPU acceleration 地址栏输入 chrome flags ignore gpu b