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對象的代碼哦,否則還是會報錯哦。
該方式引入,在組件中直接使用即可,不需要再單獨引入咯