importing Buefy - Console error: Vue.protoype missing

Question

我想在新的 Vue 3 项目中使用 Buefy。据我阅读，它应该支持 Vue 3。

在 Buefy 文档中提到将其与以下行集成 (source)

import Buefy from 'buefy';
import 'buefy/dist/buefy.css';

Vue.use(Buefy);

对于 createApp() 方法，我在 main.js-文件中应用了给定的代码：

createApp(App).use(Buefy).mount('#app')

通过执行 Vue 脚本，浏览器控制台出现错误“Uncaught TypeError: can't access 属性 "$buefy", Vue.prototype is undefined”，我收到一个空白页面。编译时没有错误。查了下已经报错了，没解决。

如何修复此错误以使用 Buefy？还是我提前搞错了？

感谢您的帮助。

Answer 1

Vue.prototype 是插件尝试在 Vue 2 中安装的对象。在 Vue 3 中，插件不是以这种方式注册的，并且不支持旧语法，这就是你得到这个错误的原因。

这表明 package/installation 不适用于 Vue 3。这在 GitHub 问题 #2505 in the Buefy 包的讨论线程中得到确认，其中最近声明Vue 3 分支仍在进行中。

所以现在你必须等到它支持 Vue 3，或者切换到 Vue 2 才能使用 Buefy。