ERESOLVE unable to resolve dependency tree

I’m trying to install in a project that uses Vuejs and Webpack, so, I’ve tried this steps below recommend on README.md:

npm i plain-draggable
cd node_modules/plain-draggable
npm i

and in command:

npm i 

I’ve got this errors below:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: plain-draggable@2.5.14
npm ERR! Found: babel-core@7.0.0-bridge.0
npm ERR! node_modules/babel-core
npm ERR!   dev babel-core@"^7.0.0-bridge.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer babel-core@"6" from babel-loader@7.1.5
npm ERR! node_modules/babel-loader
npm ERR!   dev babel-loader@"^7.1.5" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\guima\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\guima\AppData\Local\npm-cache\_logs\2021-06-05T20_03_42_369Z-debug.log

I’m not an expert about the versions of Babel, could you help me please ? Thanks in advance

[anseki]

Hi @lucaslgr, thank you for the comment. Try this:

npm i --legacy-peer-deps

instead of:

npm i

[anseki]

😄