解决react vr加载js模型失败的问题

  • Z时代
  • 2024-01-10
  • 分类：综合

react

react vr中文网：www.vr-react.com

截止本文发稿时，react vr 的版本是1.4.0，而three.js的版本是0.80.1，具体如下：


如果你要是在client.js中加载自己用maya或者3dmax导出的js模型，会报错，报错，报错如下：



这是因为0.80.1版本的three.js有问题，导入资源有问题，下面就我的做法如下：

1、打开 node_modules/three/src/loaders/MaterialLoader.js，添加 import * as THREE from '../Three';

因为下面会有一个

var material = new THREE[ json.type ]();

这行代码里有three，但是上面并没有导入

2、（也可以）也可以按照0.85.2版的threejs，在 materials 新建一个 Materials，具体的看0.85.2以上的版本的源码，同时需要把上面的three改成Materials

3、因为three.js采用的是rollup打包的，所以在修改完后，在three目录下新建一个rollup.config.js文件，内容如下：



4、然后需要在three下打开终端，进入three目录，安装依赖：npm install,也可以用 sudo npm install

5、安装完成后，删除build下面的两个three文件，然后输入 npm run build-uglify,等待打包完成

最后你在重新启动项目的服务：npm start，再次打开浏览器就可以看到你的项目啦

以上是 解决react vr加载js模型失败的问题 的全部内容， 来源链接： utcz.com/z/381988.html

回到顶部