How to downgrade jquery version in Laravel

Question

I'm facing some bootstrap problem with jquery 3.5.0 in Laravel. I'm trying to downgrade my jquery to 3.4.1 version but then when I edit the package.json and run composer update my jquery version doesn't change. Can anyone solve my problem? Below is my package.json file.

"devDependencies": {
    "axios": "^0.19",
    "bootstrap": "^4.0.0",
    "cross-env": "^7.0",
    "jquery": "3.4.1",
    "laravel-mix": "^5.0.1",
    "lodash": "^4.17.13",
    "popper.js": "^1.12",
    "resolve-url-loader": "^2.3.1",
    "sass": "^1.20.1",
    "sass-loader": "^8.0.0",
    "vue": "^2.5.17",
    "vue-template-compiler": "^2.6.10"
}

Answer 1

The proper way to downgrade jquery version (or any other npm package) in any project including Laravel is this:

1. Inside package.json you set which version you want, for example:

   "jquery": "3.4.1",
   

2. delete node_modules folder (if already created)

3. delete package-lock.json file (if already there)

4. run npm install - this will install the wanted versions of packages inside package.json

5. (only for Laravel) run npm run dev - to recompile everything again (with changed version/s of packages)

Answer 2

I know it's late, but for those who just searching around and needs a quick answer for like me, here we goes.

Do the same changes like OP, on package.json (to change the jQuery version).

Then, on CLI, run this command

npm install

npm run dev

I'm not the NPM guy / an expert guy (neither Laravel expert). But, here the explanation,

Seems we need to run npm install, to get the related package and copy it into our node_modules folder.

Then, for npm run dev, it's for compiling our assets (Assuming you're using Laravel default scaffolding)

That's it. Hope it helps. :)