Vue.js 为什么npm vue谷歌登录未显示在vue上？

我正在尝试使用Vue创建google登录示例项目。
首先，我发现名为“vue google login”的npm包非常好。
所以我尝试使用它，但从“vue google login”导入的组件似乎不起作用（按钮未显示）。
我正在遵循“vue谷歌登录”npm指南，代码如下。我终于找到了林克

<template>
  <div id="google">
    <GoogleLogin :params="params" :renderParams="renderParams"></GoogleLogin>
  </div>
</template>

<script>
import GoogleLogin from 'vue-google-login'

export default {
  name: "App",
  data: () => ({
    // Google
    params: {
      client_id: "cliend_id"
    },
    renderParams: {
      width: 250,
      height: 50,
      longtitle: true
    }
  }),
  components: {
    GoogleLogin
  }
};
</script>

从“vue谷歌登录”导入谷歌登录
导出默认值{
名称：“应用程序”，
数据：（）=>({
//谷歌
参数：{
客户端id:“客户端id”
},
渲染参数：{
宽度：250，
身高：50，
长标题：是的
}
}),
组成部分：{
谷歌登录
}
};

---

“vue google login”npm:

vue google login

是，但您的不兼容

---

一个选项是将Vue降级到版本2。或者您可以使用支持Vue 3的其他Google auth库，例如。

检查浏览器控制台中的错误。TypeError:无法读取未定义的属性“\u c”。。。。。真的不知道什么是_c…@Kioni参考媒体文章。希望它能帮助你@Jebasuthan谢谢你的链接。但我真的很想知道我的项目发生了什么，所以。天哪。。谢谢你的帮助