vue.js - 收到vue_1.ref时如何使用uve-recaptcha-v3将Recaptcha v3与VueJS一起使用不是功能错误？

Question

我在VueJS应用中使用vue-recaptcha-v3，但立即收到错误消息。我的main.js看起来像这样:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
import { VueReCaptcha } from 'vue-recaptcha-v3'

Vue.use(VueReCaptcha, { siteKey: 'MYSITEKEY' })

Vue.use(Buefy)

Vue.config.productionTip = false

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

不幸的是，当我点击保存时，出现以下错误(包括屏幕截图):

Uncaught TypeError: vue_1.ref is not a function

与以下vue-recaptcha-v3软件包有关:

exports.VueReCaptcha = {
    install: function (app, options) {
        var isLoaded = vue_1.ref(false);
        var instance = vue_1.ref(undefined);

不知道从这里去哪里...

Answer 1

我遇到过同样的问题，似乎最新的软件包版本具有此明显的运行时错误。但是，版本1.9.0的效果很好。因此，如果使用yarn，请删除当前程序包，然后运行以下命令(否则，请执行npm等效命令):

yarn add vue-recaptcha-v3@1.9.0