Vue.js 尝试导入库时出错

Question

我很尴尬，因为我不知道为什么我的库不起作用。

注意：我是 Vue 的初学者.js

我已经安装了一个名为"蓝牙串行"的库，我想在组件中使用它，但经过大量尝试它仍然不起作用

I 在我的入口点主要.js

import BluetoothSerial from "@ionic-native/bluetooth-serial/ngx";
Object.defineProperty(Vue.prototype, '$bluetoothSerial', { value: BluetoothSerial });

在我的组件中：

<script>
export default {
name: "WattComponent",
props: {},
methods: {
scan: function() {
this.checkBluetoothEnabled();
},
checkBluetoothEnabled: function() {
this.$bluetoothSerial.isEnabled().then(
success => {
console.log("enabled");
},
error => {
console.log("erro");
}
);
}
}
};
</script>

它正在重新调整：

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'isEnabled' of undefined"
found in
---> <WattComponent> at src/components/WattComponent.vue
<Home> at src/views/Home.vue
<App> at src/App.vue
<Root>

Answer 1

试试这个：

在你的 main.js (创建 Vue 实例的地方(：

import Vue from 'vue';
import BluetoothSerial from "@ionic-native/bluetooth-serial/ngx";
Vue.prototype.$bluetoothserial = BluetoothSerial;

在您的 .vue 文件中：

methods: {
foo(){
this.$bluetoothserial.isEnabled().then(() => {
//some code here
});
}
}