I just installed vuelayers on Vue 2.4.2 I placed code from the examp

It's strange. I can't reproduce the issue <a href="https://jsfiddle.net/3z78zzd1/3/" r

Here is my code where I load the map. I load it in a component. <div class="highli

Uncaught (in promise) TypeError: e.map(...).debounceTime is not a function about vuelayers HOT 7 CLOSED

ghettovoice commented on May 15, 2024

Uncaught (in promise) TypeError: e.map(...).debounceTime is not a function

from vuelayers.

Comments (7)

ghettovoice commented on May 15, 2024

It's strange. I can't reproduce the issue https://jsfiddle.net/3z78zzd1/3/
This error may affect events on vl-view
Can you show your code ?

from vuelayers.

ton212 commented on May 15, 2024

Here is my code where I load the map. I load it in a component.

<template>
    <info-box :hasFooter="true">
        <template slot="header">
            <h3><i class="el-icon-fa-map"></i> Map</h3>
        </template>

        <template slot="body">
            <div class="map">
                <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true">
                    <vl-view :center="[ 100.4833, 13.7500 ]" :zoom="5" :rotation="0" />

                    <vl-layer-tile>
                        <vl-source-osm />
                    </vl-layer-tile>
                </vl-map>
            </div>
        </template>

        <template slot="footer">
            Test footer
        </template>
    </info-box>
</template>

<script>
  import InfoBox from './Shared/InfoBox'

  export default {
    components: {
      InfoBox
    },
    props: {
      accountList: {
        type: Array,
        default: () => {
          return []
        }
      }
    }
  }
</script>

from vuelayers.

ton212 commented on May 15, 2024

I tried init a new Vue project using vue-cli and webpack template without test tools installed. Then I install Vuelayers by npm install -S vuelayers.

Here is my main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

import VueLayers from 'vuelayers'
// import VueLayers styles, needs css-loader
import 'vuelayers/lib/style.css'
// register all vl-* components
Vue.use(VueLayers)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

This is my App.vue

<template>
  <div id="app">
    <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true">
      <vl-view :center="[ 100.4833, 13.7500 ]" :zoom="5" :rotation="0" />

      <vl-layer-tile>
          <vl-source-osm />
      </vl-layer-tile>
    </vl-map>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

The issue still persists.

Uncaught (in promise) TypeError: e.map(...).debounceTime is not a function
    at VueComponent.R (index.umd.min.js?9289:11)
    at VueComponent.subscribeAll (index.umd.min.js?9289:11)
    at VueComponent.boundFn [as subscribeAll] (vue.esm.js?efeb:187)
    at VueComponent.mount (index.umd.min.js?9289:11)
    at boundFn (vue.esm.js?efeb:186)
    at <anonymous>

from vuelayers.

ghettovoice commented on May 15, 2024

Ok, I'll try to install same project soon

from vuelayers.

ghettovoice commented on May 15, 2024

I already draft the new version 0.7.2. Try to upgrade and check if issue is still exists.
Thank you for your bug report!

from vuelayers.

ton212 commented on May 15, 2024

I upgraded the library, and it all seem working now :)

from vuelayers.

ghettovoice commented on May 15, 2024

Good! So I close this

from vuelayers.

Uncaught (in promise) TypeError: e.map(...).debounceTime is not a function about vuelayers HOT 7 CLOSED

Comments (7)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent