Google maps 无法将Google maps API与VueJS/NuxtJS一起使用

我在互联网上搜索了一种将Google Maps API与VueJS/NUxtJS结合使用的方法，但没有成功。 我看过很多教程，展示了如何使用和甚至使用

然而，尽管按照教程中所示的每一步进行操作，我还是不断遇到类似以下的错误：

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <gmap-map> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Pages/googleMaps.vue> at pages/google-maps.vue
       <Nuxt>
         <Default> at layouts/default.vue
           <Root>
warn @ vue.runtime.esm.js?2b0e:619
createElm @ vue.runtime.esm.js?2b0e:5932
createChildren @ vue.runtime.esm.js?2b0e:6047
createElm @ vue.runtime.esm.js?2b0e:5948
patch @ vue.runtime.esm.js?2b0e:6510
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
merged @ vue.runtime.esm.js?2b0e:3301
hydrate @ vue.runtime.esm.js?2b0e:6372
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
mount @ client.js?06a0:689
mountApp$ @ client.js?06a0:727
tryCatch @ runtime.js?96cf:62
invoke @ runtime.js?96cf:296
prototype.<computed> @ runtime.js?96cf:114
tryCatch @ runtime.js?96cf:62
invoke @ runtime.js?96cf:152
eval @ runtime.js?96cf:162
Promise.then (async)
invoke @ runtime.js?96cf:161
eval @ runtime.js?96cf:162
Promise.then (async)
invoke @ runtime.js?96cf:161
eval @ runtime.js?96cf:195
callInvokeWithMethodAndArg @ runtime.js?96cf:194
enqueue @ runtime.js?96cf:217
prototype.<computed> @ runtime.js?96cf:114
runtime.async @ runtime.js?96cf:241
mountApp @ client.js?06a0:674
Promise.then (async)
eval @ client.js?06a0:88
eval @ client.js:1117
./.nuxt/client.js @ app.js:35
__webpack_require__ @ runtime.js:791
fn @ runtime.js:151
0 @ app.js:425
__webpack_require__ @ runtime.js:791
checkDeferredModules @ runtime.js:46
webpackJsonpCallback @ runtime.js:33
(anonymous) @ app.js:1
Show 38 more frames
2vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <gmap-marker> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Pages/googleMaps.vue> at pages/google-maps.vue
       <Nuxt>
         <Default> at layouts/default.vue
           <Root>
warn @ vue.runtime.esm.js?2b0e:619
createElm @ vue.runtime.esm.js?2b0e:5932
createChildren @ vue.runtime.esm.js?2b0e:6047
createElm @ vue.runtime.esm.js?2b0e:5948
createChildren @ vue.runtime.esm.js?2b0e:6047
createElm @ vue.runtime.esm.js?2b0e:5948
patch @ vue.runtime.esm.js?2b0e:6510
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
merged @ vue.runtime.esm.js?2b0e:3301
hydrate @ vue.runtime.esm.js?2b0e:6372
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
init @ vue.runtime.esm.js?2b0e:3118
hydrate @ vue.runtime.esm.js?2b0e:6372
hydrate @ vue.runtime.esm.js?2b0e:6405
patch @ vue.runtime.esm.js?2b0e:6487
Vue._update @ vue.runtime.esm.js?2b0e:3939
updateComponent @ vue.runtime.esm.js?2b0e:4054
get @ vue.runtime.esm.js?2b0e:4473
Watcher @ vue.runtime.esm.js?2b0e:4462
mountComponent @ vue.runtime.esm.js?2b0e:4067
Vue.$mount @ vue.runtime.esm.js?2b0e:8409
mount @ client.js?06a0:689
mountApp$ @ client.js?06a0:727
tryCatch @ runtime.js?96cf:62
invoke @ runtime.js?96cf:296
prototype.<computed> @ runtime.js?96cf:114
tryCatch @ runtime.js?96cf:62
invoke @ runtime.js?96cf:152
eval @ runtime.js?96cf:162
Promise.then (async)
invoke @ runtime.js?96cf:161
eval @ runtime.js?96cf:162
Promise.then (async)
invoke @ runtime.js?96cf:161
eval @ runtime.js?96cf:195
callInvokeWithMethodAndArg @ runtime.js?96cf:194
enqueue @ runtime.js?96cf:217
prototype.<computed> @ runtime.js?96cf:114
runtime.async @ runtime.js?96cf:241
mountApp @ client.js?06a0:674
Promise.then (async)
eval @ client.js?06a0:88
eval @ client.js:1117
./.nuxt/client.js @ app.js:35
__webpack_require__ @ runtime.js:791
fn @ runtime.js:151
0 @ app.js:425
__webpack_require__ @ runtime.js:791
checkDeferredModules @ runtime.js:46
webpackJsonpCallback @ runtime.js:33
(anonymous) @ app.js:1
Show 40 more frames
client.js?e0ba:95 [HMR] connected 

vue.runtime.esm.js？2b0e:619[vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。
发现于
--->在pages/google-maps.vue上
在layouts/default.vue处
warn@vue.runtime.esm.js？2b0e:619
createElm@vue.runtime.esm.js？2b0e:5932
createChildren@vue.runtime.esm.js？2b0e:6047
createElm@vue.runtime.esm.js？2b0e:5948
补丁@vue.runtime.esm.js？2b0e:6510
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
合并@vue.runtime.esm.js？2b0e:3301
水合物@vue.runtime.esm.js？2b0e:6372
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
水合物@vue.runtime.esm.js？2b0e:6405
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
水合物@vue.runtime.esm.js？2b0e:6405
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
水合物@vue.runtime.esm.js？2b0e:6405
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
mount@client.js？06a0:689
mountApp$@client.js？06a0:727
tryCatch@runtime.js？96cf:62
调用@runtime.js？96cf:296
原型。@runtime.js？96cf:114
tryCatch@runtime.js？96cf:62
调用@runtime.js？96cf:152
eval@runtime.js？96cf:162
Promise.then（异步）
调用@runtime.js？96cf:161
eval@runtime.js？96cf:162
Promise.then（异步）
调用@runtime.js？96cf:161
eval@runtime.js？96cf:195
callInvokeWithMethodAndArg@runtime.js？96cf:194
enqueue@runtime.js？96cf:217
原型。@runtime.js？96cf:114
runtime.async@runtime.js？96cf:241
mountApp@client.js？06a0:674
Promise.then（异步）
eval@client.js？06a0:88
eval@client.js:1117
./.nuxt/client.js@app.js:35
__webpack_require__@runtime.js:791
fn@runtime.js:151
0@app.js:425
__webpack_require__@runtime.js:791
checkDeferredModules@runtime.js:46
webpackJsonpCallback@runtime.js:33
（匿名）@app.js:1
再显示38帧
2vue.runtime.esm.js？2b0e:619[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。
发现于
--->在pages/google-maps.vue上
在layouts/default.vue处
warn@vue.runtime.esm.js？2b0e:619
createElm@vue.runtime.esm.js？2b0e:5932
createChildren@vue.runtime.esm.js？2b0e:6047
createElm@vue.runtime.esm.js？2b0e:5948
createChildren@vue.runtime.esm.js？2b0e:6047
createElm@vue.runtime.esm.js？2b0e:5948
补丁@vue.runtime.esm.js？2b0e:6510
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
合并@vue.runtime.esm.js？2b0e:3301
水合物@vue.runtime.esm.js？2b0e:6372
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
水合物@vue.runtime.esm.js？2b0e:6405
补丁@vue.runtime.esm.js？2b0e:6487
Vue._update@Vue.runtime.esm.js？2b0e:3939
updateComponent@vue.runtime.esm.js？2b0e:4054
获取@vue.runtime.esm.js？2b0e:4473
Watcher@vue.runtime.esm.js？2b0e:4462
mountComponent@vue.runtime.esm.js？2b0e:4067
Vue.$mount@Vue.runtime.esm.js？2b0e:8409
init@vue.runtime.esm.js？2b0e:3118
水合物@vue.runtime.esm.js？2b0e:6372
海德尔