_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

时间:2024-03-22 08:30:26

Vue项目中引入three.js

下载three.js文件,在文件尾部加上导出THREE,如图

_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

文件在src目录下,在需要的组件中引入,如图

_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

启动项目报错_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

原因:webpack会编译src目录下的文件,导致three.js编译错误,放在src目录外就好了

_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

直接在index.html中引入js文件,当然去掉第一步的导出THREE对象的代码哦,否则还是会报错哦。

该方式引入,在组件中直接使用即可,不需要再单独引入咯