'三'中未找到导出'默认'(导入为'三')

Question

概述在main.js中,添加

import Three from 'three'

Vue.use(Three)

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

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

Answer 1

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

import * as Three from 'three';

你也不需要,Vue.use因为这不是VueJS插件.

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

import { Scene } from 'three';