react vr中文網(wǎng):www.vr-react.com
qq群:481244084
截止本文發(fā)稿時(shí),react vr 的版本是1.4.0期丰,而three.js的版本是0.80.1群叶,具體如下:
如果你要是在client.js中加載自己用maya或者3dmax導(dǎo)出的js模型,會(huì)報(bào)錯(cuò)钝荡,報(bào)錯(cuò)街立,報(bào)錯(cuò)如下:
這是因?yàn)?.80.1版本的three.js有問(wèn)題,導(dǎo)入資源有問(wèn)題埠通,下面就我的做法如下:
1赎离、打開(kāi) node_modules/three/src/loaders/MaterialLoader.js,添加 import * as THREE from '../Three';
因?yàn)橄旅鏁?huì)有一個(gè)
var material = new THREE[ json.type ]();
這行代碼里有three端辱,但是上面并沒(méi)有導(dǎo)入
2梁剔、(也可以)也可以按照0.85.2版的threejs,在 materials 新建一個(gè) Materials舞蔽,具體的看0.85.2以上的版本的源碼荣病,同時(shí)需要把上面的three改成Materials
3、因?yàn)閠hree.js采用的是rollup打包的渗柿,所以在修改完后个盆,在three目錄下新建一個(gè)rollup.config.js文件,內(nèi)容如下:
4做祝、然后需要在three下打開(kāi)終端砾省,進(jìn)入three目錄,安裝依賴:npm install,也可以用 sudo npm install
5混槐、安裝完成后编兄,刪除build下面的兩個(gè)three文件,然后輸入 npm run build-uglify,等待打包完成
最后你在重新啟動(dòng)項(xiàng)目的服務(wù):npm start声登,再次打開(kāi)瀏覽器就可以看到你的項(xiàng)目啦