无法将three.js与create react app集成

时间:2017-11-17 05:05:04

标签: reactjs webpack three.js babel create-react-app

我一直在尝试将threejs与来自过去2天的create react app集成。
所有与3d场景相关的文件都是普通的javascript并存储在public / js文件夹中。它会抛出一个错误:

  

拒绝执行脚本   ' https://cdn.rawgit.com/mrdoob/three.js/dev/examples/js/loaders/OBJLoader.js'   因为它的MIME类型(' text / plain')不可执行,而且是严格的   已启用MIME类型检查。

当我在本地系统中添加objloader.js时会抛出错误:

  

未捕获错误:意外行:<!DOCTYPE html>无法解析   OBJloader

但我能够在没有反应的情况下渲染3D场景。提前感谢。非常感谢。

1 个答案:

答案 0 :(得分:1)

我做了一个简单的GitHub回购,在一个反应​​环境中弄乱了三个js的东西。它在三个示例目录中使用OBJ加载程序和MTL加载程序。如果您有任何问题,请查看并告诉我们:https://github.com/garretthogan/react-obj-viewer

编辑:此外,如果您没有将* .obj等静态资产文件提供给客户端应用程序,那么当您尝试使用客户端URL加载它们时(localhost:3000 / assets / models / myobj.obj)例如,create react app服务器可能只是将root index.html作为失败保护返回,然后抛出意外的行错误,因为你的OBJ解析器无法解析它。