Javascript 无法使vue3 google map在代码笔内工作 {{title}}（{{version}}） 将*作为vue3GoogleMap从导入'https://cdn.skypack.dev/vue3-google-map@0.7.9' 常量{ref，defineComponent，version}=Vue 导出默认值{ 组成部分：{ “谷歌地图”：定义组件（vue3GoogleMap.GoogleMap） }, 设置（）{ const title=ref（“你好，世界”） 返回{title，version} } }

这是代码笔：

它只是提出了这个警告：

“[Vue warn]：缺少ref所有者上下文。ref不能用于已提升的 vnodes。必须在渲染函数内创建带有ref的vnode。“

---

我还尝试返回一个渲染函数并使用“h”渲染它，我得到了相同的结果。

FWIW，它在Codesandbox（）中工作良好

<template>
  <div>
    <div>{{ title }} ({{ version }})</div>
    <google-map :center="{ lat: 39.50024, lng: -98.350892 }" :zoom="4" />
  </div>
</template>

<script>
import * as vue3GoogleMap from 'https://cdn.skypack.dev/vue3-google-map@0.7.9'
const { ref, defineComponent, version } = Vue

export default {
   components: {
    'google-map': defineComponent(vue3GoogleMap.GoogleMap)
  },
  setup() {
    const title = ref("Hello, World")
    return { title, version }
  }
}
</script>