如何在我的Vue CLI项目中添加Beufy？

问题描述

因此，我一直在寻找一个可以在我的小项目中使用的CSS框架，但是在添加它时遇到了问题。

我使用最新的Vue CLI，并尝试使用vue add buefy添加它，并且在那里没有错误。

这是main.js文件

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'


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

这是我在浏览器控制台中遇到的错误：

解决方法

您是否正在使用Vue 3+？ vue add buefy是适用于Vue v3 +的插件。如果您使用的是Vue 2，请使用npm install buefy。然后import。