reactjs – ‘三’中未找到导出’默认'(导入为’三’)

概观
在main.js中,添加

import Three from 'three'

Vue.use(三)

使用npm run dev启动dev服务器.
预期的行为
Vue项目应该加载没有错误.
实际行为
开发服务器发出以下警告：

warning  in ./src/main.js
    7:8-14 "export 'default' (imported as 'Three') was not found in 'three'

浏览器的js控制台显示错误：

Uncaught TypeError: Cannot read property 'installed' of undefined
at Function.Vue.use (eval at <anonymous> (app.js:723),<anonymous>:3443:15)
at eval (eval at <anonymous> (app.js:778),<anonymous>:14:45)
at Object.<anonymous> (app.js:778)
at __webpack_require__ (app.js:660)
at fn (app.js:84)
at Object.<anonymous> (app.js:964)
at __webpack_require__ (app.js:660)
at app.js:709
at app.js:712

解决方法

这是因为ThreeJS库中没有默认导出,所以您可以导入如下所示：

import * as Three from 'three';

此外,您不需要Vue.use,因为这不是VueJS插件.

由于没有默认导出,您可以从ThreeJS导入特定部分,如下所示：

import { Scene } from 'three';