Static GitHub Issues

[2241] Plugin/Dependency causing a middleware issue?

prev: Call a jquery function after update the DOM does not work
next: Route with param returns 404 on refresh

Hi,

I’m trying to use Vue2Leaflet, but as soon as I call the component in my Template, these errors are triggered:

.nuxt/server.js:126:15 — Object._callee$
internal/process/next_tick.js:188:7 — process._tickCallback

.nuxt/server.js

if (layout.middleware) midd = midd.concat(layout.middleware)

.internal/process/next_tick.js

Missing stack frames

Here's my Template file:

<template>
  <v-map ref="map" :zoom="zoom" :center="center"></v-map>
</template>

<script>
import Vue2Leaflet from 'vue2-leaflet'

export default {
  data () {
    return {
      center: [0, 0],
      zoom: 5
    }
  },

  components: {
    'v-map': Vue2Leaflet.Map
  }
}
</script>

That simple, but it trigger the error. If y just remove the <v-map ref="map" :zoom="zoom" :center="center"></v-map>, the error vanish and the page load.


I’m unable to track down what causes this issue.

The point is, it's not entirely related to the plugin, which works great in vuejs without nuxt, but it's not entirely related to nuxt also…

So all I can do is report the issue here, and tag the plugin owner (@KoRiGaN, if you could please come and see this…)

Thanks to all!

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1966">#c1966</a>)</em></sub></div>