google-maps - 让 gmap-vue 在 nuxt 项目中工作

Question

我想在 nuxt 项目中使用gmap-vue 。我很困惑

在您的 main.js 或 Nuxt 插件中：

因为我没有 main.js 也没有任何插件。

但是我尝试创建一个名为 gmap.js 的新插件文件：

import Vue from 'vue'
import * as GmapVue from 'gmap-vue'

Vue.use(GmapVue, {
    load: {
        key: process.env.gMapKey,
    },
    installComponents: true
})

然后添加到 nuxtcongif.js

plugins: [
    '~/plugins/gmap.js'
],

但我在浏览器中收到错误：

SyntaxError Unexpected token '<'

并且在 gmap.js 中，它不识别模块：

有什么建议可以让它工作吗？

标签： google-maps

Answer 1

更改此行

import * as GmapVue from 'gmap-vue';

为此（请参阅Nuxt.js 配置的 gmap-vue 文档）

import * as GmapVue from '~/node_modules/gmap-vue';