Uncaught Error: OBJLoader: Unexpected line: "<!DOCTYPE html>"

最新推荐文章于 2023-08-03 21:37:02 发布
最新推荐文章于 2023-08-03 21:37:02 发布
阅读量2.8k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lijjj/p/10717148.html
版权

问题：

vue-3d-model.esm.js?e678:44779 Uncaught Error: OBJLoader: Unexpected line: "<!DOCTYPE html>"
at OBJLoader.parse (vue-3d-model.esm.js?e678:44779)
at Object.eval [as onLoad] (vue-3d-model.esm.js?e678:44589)
at XMLHttpRequest.eval (vue-3d-model.esm.js?e678:30476)

解决前：

<model-obj :backgroundAlpha="0"@on-load="onLoad" src="../../assets/models/tree.obj"></model-obj>

解决后：

<model-obj :backgroundAlpha="0"@on-load="onLoad" src="../static/models/tree.obj"></model-obj>

总结：您需要将模型放在公共文件夹中(static)，因为vue-cli会自动更改assets目录中的资源路径。

转载于:https://www.cnblogs.com/lijjj/p/10717148.html

au063876
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
three.js+objLoader.js源码包，内含测试3D建模
08-09
html加载3d建模，包含three.js+OBJLoader.js的组合使用demo
Uncaught Error: THREE.OBJLoader: Unexpected line: “＜!DOCTYPE html＞“[已解决]
一条咸鱼的blog
03-16 3734
今天这个问题真的是使我绝望，各位网友说的都是放在static下就可以了，但是我这里却不行???? 然后我就发现在public下我还有一个static文件夹，测试了一下发现果然是找的public下的static。。。。 代码里还是照常写就可以 总结 obj文件放在public/static下 ...
vue threejs：Uncaught Error: OBJLoader: Unexpected line: “＜!DOCTYPE html＞“
wanyiba的专栏
01-08 3076
vue中使用three.js加载obj模型，报错： Uncaught Error: OBJLoader: Unexpected line: “＜!DOCTYPE html＞“ 很可能是模型放置路径不对，可以参考： https://blog.csdn.net/weixin_43228674/article/details/108277525 解决方法如下： 1.将模型放到public目录： public/threejs/models/test-obj.obj 2. 在代码中引用： thi
vue-3d-model报错Uncaught Error: OBJLoader: Unexpected line: “＜!DOCTYPE html＞“
weixin_43228674的博客
08-28 3393
使用vue-3d-model报如下错误：Uncaught Error: OBJLoader: Unexpected line: “” 原因： src路径不对。 解决方法，第一种，查看路径，要将模型放在(public/static)，因为vue-cli会自动更改assets目录中的资源路径。 第二种，src是动态获取的，obj文件的路径是从后台获取的，需要检查后台数据库传的’/'是不是反斜杠""。如果是需要进行字符串替换。 ...
VUE项目中使用THREE.js加载obj模型
WINNIE小菜芽
01-21 2万+
想要在vue项目中使用threejs加载如obj、vtk等格式的模型，与threejs官网略相似，却有部分不同。以下概括几个不同点： js文件引入方式不同。vue中使用npm下载js文件，例如npm install three three-orbitcontrols three-obj-mtl-loader stats-js ,注意：obj加载器使用three-obj-mtl-loader而不是...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
10-21
在JavaScript编程中，`Uncaught SyntaxError: Unexpected token ILLEGAL` 是一个常见的错误，它通常意味着解析器在解析代码时遇到了一个无法识别的字符或符号，导致语法错误。这个错误通常发生在代码的某个地方违反...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
threejs导入obj文件报错 buffergeometry.setAttribute is not a function error
Tz
07-12 3225
Uncaught (in promise) TypeError: buffergeometry.addAttribute is not a function at OBJLoader.parse (index.js?53f9:1211:1) at Object.eval [as onLoad] (index.js?53f9:947:1) at eval (three.module.js?5a89:39584:1)
vue使用threejs加载模型问题整理
popstarqq的博客
09-29 6011
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>" ...
syntax error: unexpected newline, expecting comma or }在go学习中出现的问题
lcl1079104484的博客
09-12 9868
syntax error: unexpected newline, expecting comma or }在go学习中出现的问题 可能是因为在{}中定义变量时最后一个忘记加一个***逗号***
Uncaught (in promise)解决方法
热门推荐
m0_73481765的博客
08-03 2万+
在开发环境中使用 Chrome 开发者工具。Chrome 开发者工具可以在 Console 面板中显示未被捕获的 Promise 异常，帮助我们找到异常的原因。错误表示在 Promise 中发生了异常，但是没有被捕获。处理 Promise 中的异常。在 Promise 链式调用中，可以使用。如果前面的 Promise 发生了异常，则会被后面的。处理 Promise 中的异常。错误的几种方法，可以根据具体情况选择适合自己的方式来解决问题。捕获异常，防止异常被抛出并且可以在捕获后进行处理。
three.js学习笔记 obj模型加载问题
mystery的专栏
04-06 1万+
three.js最新版本'75'相较以前使用的'71'版本obj模型加载的方法发生了变化。 移除了OBJMTLLoader.js,并将原来OBJLoader.js和MTLLoader.js加载方法loader.setCrossOrigin更改为loader.setPath。
ThreeJS之模型引入
xiaomomi的博客
02-25 898
<script src="./lib/three.js"></script> <script src="./lib/js/loaders/OBJLoader.js"></script> <script src="./lib/js/loaders/MTLLoader.js"></script> <script src="./lib/js/controls/OrbitControls.js"></script> &l
Uncaught (in promise) Unexpected line: '<!DOCTYPE html>'
最新发布
08-23
这个错误通常是由于在 JavaScript 代码中尝试解析 HTML 标记引起的。你可能在使用 fetch() 或 axios 等工具时，意外地获取了一个 HTML 页面而不是预期的数据格式（例如 JSON）。请确保你正在请求正确的 URL，并且...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值