代码之家 › 专栏 › 技术社区 › RGriffiths

在nuxt项目中使用gmap-vue

google-maps

RGriffiths · 技术社区 · 3 年前

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

在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中,它不会重新分配模块:

有什么建议可以让它发挥作用吗?

0 回复 | 直到 3 年前

nontechguy 3 年前

更改此行

import * as GmapVue from 'gmap-vue';

对此(请参阅gmap-vue文档 Nuxt.js config )

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

Vadim Gremyachev 3 年前

For Nuxt.js 应用程序将以下选项添加到您的 nuxt.config.js's build.extend() :

build: {
    transpile: [/^gmap-vue($|\/)/]
}

类似 vue2-google-maps Nuxt.js config 哪一个 gmap-vue 是的叉子。

推荐文章

Kirds · 在ggplot中将国家名称添加到地图中

2 年前

Fadi Ft Ftena · 基于类名的Web抓取

2 年前

Ivana Murray · react app中的地理代码未更新地图react

2 年前

Sook Lim · 我应该在哪里调用我的更新映射函数?我需要在异步任务之后调用它吗?

6 年前

Drew LeSueur · 谷歌地图JavaScript街景错误

6 年前

Valachio · Google Maps API-向数据层中的点添加任意数据

6 年前

ttattini · 使用MapsActivity中的当前位置填充标记

6 年前

user2682025 · 在谷歌地图上使用JSON:标记不显示

6 年前

Sachin HR · Google maps autocomplete在模式弹出窗口中不起作用

6 年前

lbenedetto · 为什么在我的页面上加载谷歌地图会调整页面上使用Roboto字体的所有内容?

6 年前