_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

Vue項目中引入three.js

下載three.js文件,在文件尾部加上導出THREE,如圖

文件在src目錄下,在需要的組件中引入,如圖

啓動項目報錯_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

原因:webpack會編譯src目錄下的文件,導致three.js編譯錯誤,放在src目錄外就好了

直接在index.html中引入js文件,當然去掉第一步的導出THREE對象的代碼哦,否則還是會報錯哦。

該方式引入,在組件中直接使用即可,不需要再單獨引入咯

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章