1

我遵循 Buefy 指南

npm install Buefy

在 main.ts

import Vue from 'vue';

import Buefy from 'buefy';

import axios from 'axios';
import VueAxios from 'vue-axios';

import 'buefy/dist/buefy.css';

import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

Vue.use(VueAxios, axios, Buefy);

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app');

在 Home.vue 中（查看）

<section>
    <b-button @click="clickMe">
       Click Me
    </b-button>
</section>

然后当我运行时，我得到了这个错误

Unknown custom element: <b-button> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Home> at src/views/Home.vue
       <App> at src/App.vue
         <Root>

我认为 Vue.use(Buefy) 会加载所有组件？

为了让 Buefy 工作，我缺少什么？

4

2 回答 2

0

我必须在我的中包含以下几行，tests/setup.js以便在测试设置期间注册组件。

import Buefy from 'buefy';
Vue.use(Buefy)

我main.js的测试没有被执行。

我是开玩笑测试的新手，所以也许这是一个怪物，并且有更好的方法可以做到这一点。但它对我有用。

于 2020-10-27T16:24:59.560 回答
0

您可以从 Vue 实例 Vue.use() 中删除 axios，因为 axios 还不是插件。您可以改为使用运算符来全局访问它。

import Axios from 'axios'
Vue.prototype.$http = Axios;

现在你可以使用 this.$http.post("https://api.com").then().catch() 访问请注意 use 需要第一个参数，你应该使用多个 Vue.use( ) 让插件正常工作

于 2020-07-12T14:56:56.147 回答