Как импортировать и использовать пакет @ Google / maps npm в Nuxt? - PullRequest
Новая
       12

Как импортировать и использовать пакет @ Google / maps npm в Nuxt?

0 голосов
/ 10 октября 2019

У меня есть пакет npm, @Google/maps, который я хотел бы использовать как часть моего приложения. Но, к сожалению, этот пакет используется на сервере узлов.

Но у меня есть спа-приложение Nuxt без сервера, так как я все еще могу его использовать? Кроме того, я не хочу прибегать к другим пакетам vue npm.

Это то, что я имею до сих пор:

~/plugins/server-only.js

import Vue from 'vue'

const GoogleClient = require('@google/maps')

Vue.use(GoogleClient)

~/components/organisms/helloWorld.vue

// ... Vue template

// Vue Js
export default {

  mounted() {
  
    console.log(this.$GoogleClient); // undefined

  }

}

Я думаю, что сводится к этому. Как я могу экспортировать карту Google, чтобы импортировать ее в свой клиентский компонент vue?

Спасибо

1 Ответ

0 голосов
/ 10 октября 2019

В вашем файле nuxt.config попробуйте добавить это 

plugins: [
    {src: '~/plugins/server-only.js', ssr: false},
  ],

Затем вызовите компонент в вашем файле .vue внутри тега <client-only>.

Я думаю, это будетрешить вашу проблему.

...