search

jperelli / vue2-leaflet-markercluster

markercluster plugin extension for vue2-leaflet package
MIT License
132 stars 55 forks source link

Error In Mounted Hook #35

Open mikebronner opened 4 years ago

mikebronner commented 4 years ago

I am now getting the following error (it's been a few months since I last rebuilt my project assets) and am unable to use this plugin anymore:

[Vue warn]: Error in mounted hook: "TypeError: undefined is not a constructor (evaluating 'new L.MarkerClusterGroup(options)')"

found in

---> <VMarkerCluster>
       <LMap> at node_modules/vue2-leaflet/src/components/LMap.vue
         <HomePage> at resources/js/components/pages/home.vue
           <Root>
warn — vue.common.dev.js:630
logError — vue.common.dev.js:1889
globalHandleError — vue.common.dev.js:1884
handleError — vue.common.dev.js:1844
invokeWithErrorHandling — vue.common.dev.js:1867
callHook — vue.common.dev.js:4216
insert — vue.common.dev.js:3142
invokeInsertHook — vue.common.dev.js:6337
patch — vue.common.dev.js:6554
(anonymous function) — vue.common.dev.js:3945
updateComponent — vue.common.dev.js:4063
get — vue.common.dev.js:4474
run — vue.common.dev.js:4549
flushSchedulerQueue — vue.common.dev.js:4307
(anonymous function) — vue.common.dev.js:1985
flushCallbacks — vue.common.dev.js:1911
promiseReactionJob
logError — vue.common.dev.js:1893TypeError

Here is my package.json:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@babel/polyfill": "^7.6",
        "@fortawesome/fontawesome-pro": "^5.11",
        "animate.css": "^3.7",
        "axios": "^0.19.0",
        "browser-sync": "^2.26.7",
        "browser-sync-webpack-plugin": "^2.0.1",
        "cross-env": "^5.2",
        "csv-parse": "^4.6",
        "dropzone": "5.*",
        "imagemin": "^6.1",
        "img-loader": "*",
        "javascript-detect-element-resize": "*",
        "jquery": ">=3.4",
        "laravel-mix": "^4.1",
        "lodash": "^4.17",
        "moment": "*",
        "moment-timezone": "^0.5.27",
        "node-sass": "^4.13",
        "outdated-browser-rework": "^2.9",
        "popper.js": "^1.16",
        "portal-vue": "^1.3",
        "qs": "^6.9",
        "sass-loader": "^7.3",
        "tailwindcss": "^1.2.0",
        "vue": "^2.6",
        "vue-directive-tooltip": "^1.6",
        "vue-event-hub": "1.*",
        "vue-gravatar": "^1.3",
        "vue-image-lightbox": "^6.4",
        "vue-js-toggle-button": "^1.3",
        "vue-multiselect": "^2.1",
        "vue-progressbar": "^0.7.5",
        "vue-slider-component": "^3.0",
        "vue-template-compiler": "^2.6",
        "vue2-leaflet": "2.0",
        "vue2-leaflet-markercluster": "2.0",
        "vue2-selectize": "*",
        "vuex": "^3.1"
    }
}

I have tried with different versions of vue2leaflet and vue2leafletmarkercluster, and none seem to work. Any suggestions?