TypeError: a.use is not a function in VueDraggableResizable.umd.min.js

[ArhontSL]

When used together with https://dev.to/tuandm/laravel--vuejs--laravue---a-beautiful-dashboard-for-laravel-3h11

I'm not very experienced, please help me figure it out.

Error https://imgur.com/RuSSLAw

package.json { "name": "vp", "version": "1.0.0", "description": "vp desc", "author": "arhontsl [email protected]", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" }, "dependencies": { "ajv": "^6.10.0", "vue": "^2.5.2", "vue-draggable-resizable": "^2.0.0-rc2", "vue-router": "^3.0.1" }, "devDependencies": { "autoprefixer": "^7.1.2", "babel-core": "^6.22.1", "babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-loader": "^7.1.1", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.3.2", "babel-preset-stage-2": "^6.22.0", "chalk": "^2.0.1", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.0", "extract-text-webpack-plugin": "^3.0.0", "file-loader": "^1.1.4", "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^2.30.1", "node-notifier": "^5.1.2", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "portfinder": "^1.0.13", "postcss-import": "^11.0.0", "postcss-loader": "^2.0.8", "postcss-url": "^7.2.1", "rimraf": "^2.6.0", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", "vue-loader": "^13.3.0", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2", "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }

[mauricius]

It's hard to tell what it is without looking at the actual source code. Try to follow the documentation carefully on how to install the component https://github.com/mauricius/vue-draggable-resizable/#install-and-basic-usage

[janwiemers]

I do experience the same. I was able to locate the issue the marked lines https://github.com/mauricius/vue-draggable-resizable/blob/master/src/index.js#L15-L23

The problem comes in if the page around this extension has a Vue defined and tries to call .use(). I removed the lines locally and everything is working as expected. I would like to understand why the lines exist and run the specs. but having serious issues getting the thing set up and running at all. The error message I get is

To install them, you can run: npm install --save core-js/modules/es6.array.filter core-js/modules/es6.array.find core-js/modules/es6.array.for-each core-js/modules/es6.array.iterator core-js/modules/es6.date.to-string core-js/modules/es6.number.constructor core-js/modules/es6.object.define-properties core-js/modules/es6.object.define-property core-js/modules/es6.object.keys core-js/modules/es6.regexp.constructor core-js/modules/es6.regexp.to-string core-js/modules/es6.set core-js/modules/es6.string.includes core-js/modules/es6.string.iterator core-js/modules/es7.array.includes core-js/modules/es7.object.get-own-property-descriptors core-js/modules/web.dom.iterable

but I already added corejs to the deps. which didn't worked out at all.

Can you advise here?

Thanks Jan