ChatGPT解决这个技术问题 Extra ChatGPT

How to update each dependency in package.json to the latest version?

I copied package.json from another project and now want to bump all of the dependencies to their latest versions since this is a fresh project and I don't mind fixing something if it breaks.

What's the easiest way to do this?

The best way I know is to run npm info express version then update each dependency in package.json manually. There must be a better way.

{
  "name": "myproject",
  "description": "my node project",
  "version": "1.0.0",
  "engines": {
    "node": "0.8.4",
    "npm": "1.1.65"
  },
  "private": true,
  "dependencies": {
    "express": "~3.0.3", // how do I get these bumped to latest?
    "mongodb": "~1.2.5",
    "underscore": "~1.4.2",
    "rjs": "~2.9.0",
    "jade": "~0.27.2",
    "async": "~0.1.22"
  }
}

For Yarn specific solutions refer to this Stack Overflow thread.

Great to see another approach to this problem. I really like Salita's output. Some nice features that the tool I contribute to now, github.com/tjunnone/npm-check-updates, are preservation of versioning semantics (like 1.x or >2.1.0) and filtering by name/regex/devDeps-only.
There NEEDS to be some better answers here. Obviously with dependency resolution, you can't always have the latest version of everything. Maximizing the greatest number of latest versions of modules is just that, some sort of optimization problem. But NPM doesn't know which modules you want to be most recent more than others. It would be cool if there was something like this: npm update --latest x y z, where x y z are the modules you want to be as recent as possible and all other modules will follow with their most recent compatible version.
npm will correctly handle version conflicts between shared dependencies by downloading the correct one for each. So, if Dep A depends on Dep C v1.0.0 and Dep B depends on Dep C v2.0.0, they will each be installed and used appropriately. Therefore, you are free to install the latest of any packages you would like.
Try this to force upgrade: npm outdated | sed '1d; s/ .*/@latest/' | xargs npm i --save
I'm always checking this answer. But I see that it has slipped in the Google results. Hopefully this comment will help push it's relevance back up!!

D
DevLoverUmar

Looks like npm-check-updates is the only way to make this happen now.

npm i -g npm-check-updates
ncu -u
npm install

On npm <3.11:

Simply change every dependency's version to *, then run npm update --save. (Note: broken in recent (3.11) versions of npm).

Before:

  "dependencies": {
    "express": "*",
    "mongodb": "*",
    "underscore": "*",
    "rjs": "*",
    "jade": "*",
    "async": "*"
  }

After:

  "dependencies": {
    "express": "~3.2.0",
    "mongodb": "~1.2.14",
    "underscore": "~1.4.4",
    "rjs": "~2.10.0",
    "jade": "~0.29.0",
    "async": "~0.2.7"
  }

Of course, this is the blunt hammer of updating dependencies. It's fine if—as you said—the project is empty and nothing can break.

On the other hand, if you're working in a more mature project, you probably want to verify that there are no breaking changes in your dependencies before upgrading.

To see which modules are outdated, just run npm outdated. It will list any installed dependencies that have newer versions available.

For Yarn specific solution, refer to this StackOverflow answer.


@thefourtheye: You generally shouldn't leave * in package.json since you might end up automatically installing a new module version with breaking changes that break your app. Since we're using --save here, the * is replaced with each package's current version.
I'm not able to get this to work. Has something changed with npm since this answer was posted? When I use the wildcard and then npm install --save the wildcard is left in my package.json.
Unfortunately, using update doesn't work either, for me. I'm still left with the wildcards. Is there any documentation about this that you know of, or any other resources I might look at?
A bit old but that might help other people: github.com/tjunnone/npm-check-updates | Use npm install -g npm-check-updates to install, then npm-check-updates to check if your dependencies have updates, and npm-check-updates -u to update your package.json versions. Then it's just npm install and it will download new versions.
Your problem is probably coming from the fact that you try to update dev packages by typing npm update --save instead of npm update --save-dev.
G
Guy

npm-check-updates is a utility that automatically adjusts a package.json with the latest version of all dependencies

see https://www.npmjs.org/package/npm-check-updates

$ npm install -g npm-check-updates
$ ncu -u
$ npm install 

[EDIT] A slightly less intrusive (avoids a global install) way of doing this if you have a modern version of npm is:

$ npx npm-check-updates -u
$ npm install 

This should be available natively through npm command itself, indeed best solution so far to update the dependencies.
Should be part of npm natively, fully agree. However, it is not and this solution comes in like a breeze. Thank you.
i assume you fellows are pushing [HARD] to get this into the core npm?
@Batman Yes if you didn't install before. Otherwise use npm update. ncu just updates package.json. It doesn't install or update 'node_modules'.
useless package, updating only part of packages with ncu -a, not updating package.json also.
R
Raine Revere

Updated for npm v2+

npm 2+ (Node 0.12+):


npm outdated
npm update
git commit package-lock.json

Ancient npm (circa 2014):

npm install -g npm-check-updates
npm-check-updates
npm shrinkwrap
git commit package-lock.json

Be sure to shrinkwrap your deps, or you may wind up with a dead project. I pulled out a project the other day and it wouldn't run because my deps were all out of date/updated/a mess. If I'd shrinkwrapped, npm would have installed exactly what I needed.

Details

For the curious who make it this far, here is what I recommend:

Use npm-check-updates or npm outdated to suggest the latest versions.

# `outdated` is part of newer npm versions (2+)
$ npm outdated
# If you agree, update.  
$ npm update

#       OR

# Install and use the `npm-check-updates` package.
$ npm install -g npm-check-updates
# Then check your project
$ npm-check-updates
# If you agree, update package.json.
$ npm-check-updates -u

###Then do a clean install (w/o the rm I got some dependency warnings)

$ rm -rf node_modules
$ npm install 

Lastly, save exact versions to npm-shrinkwrap.json with npm shrinkwrap

$ rm npm-shrinkwrap.json
$ npm shrinkwrap

Now, npm install will now use exact versions in npm-shrinkwrap.json

If you check npm-shrinkwrap.json into git, all installs will use the exact same versions.

This is a way to transition out of development (all updates, all the time) to production (nobody touch nothing).

npm outdated

npm-check-updates

npm shrinkwrap

p.s. Yarn is sending your package list to Facebook.


For sure. If you create and npm-shrinkwrap.json into source, and commit whenever you update, you can always 'go back to where you were'. I overlooked shrinkwrap feature when I started.
this does not answer the question. The question is how to update the latest version. npm update only updates to the semver version, not the latest.
Would be great if npm update actually updated package.json. Per github.com/npm/npm/issues/13555 this is a bug which is not fixed after 2 years. npmjs.com/package/npm-check-updates is the current way to go
l
laconbass

To update one dependency to its lastest version without having to manually open the package.json and change it, you can run

npm install {package-name}@* {save flags?}

i.e.

npm install express@* --save

This flow is compatible with workspaces, i.e.

npm --workspace some/package install express@*

For reference, npm-install

Note: Some npm versions may need latest flag instead, i.e. npm install express@latest

As noted by user Vespakoen on a rejected edit, it's also possible to update multiple packages at once this way:

npm install --save package-nave@* other-package@* whatever-thing@*

He also apports a one-liner for the shell based on npm outdated. See the edit for code and explanation.

PS: I also hate having to manually edit package.json for things like that ;)


This solution is great. Quick and easy way to explicitly update a single package to the latest version without installing any new modules. I like npm-check-updates, but afaik it tries to keep all packages up to date, which isn't always what you want.
Use npm outdated -l to show whether each package is a dependency or devDependency. Use npm install --save-dev to save as a devDependency.
@Chev: ncu can easily target a single or several packages with ncu express mocha chai. You can also exclude packages with ncu -x mocha. I agree the above is the simplest solution though for updating a single package.
I just used something similar that worked, from possibly more recent docs... uses "latest" instead of "*" npm install {package-name}@latest {save flags}
Many thanks, this solution is great and exactly what I am looking for. It allows you to update a particular package without the need to update every other dependency which may lead to unforeseen problems!
K
Keith Banner

If you happen to be using Visual Studio Code as your IDE, this is a fun little extension to make updating package.json a one click process.

Version Lens

https://i.stack.imgur.com/NxI5v.gif

GitLab Repo


There's sublime text 3 version here: github.com/yavorsky/Bump, though a bit slow.
Worked beautifully, in case it is not clear to anyone, this simply checks the versions in your package.json against the latest npm repository versions, and allows you to click on a version to update the text content in your package.json. You then need to run "npm update" to tell npm to install the new versions.
Note that it is already possible to see the latest version of the package dependencies with a brief description in built-in Visual Studio Code by mouse hovering on the package entry: Built-in Package Version Hint
Note that it does not automatically install packages when clicking a code lens link! It simply updates the package.json version text.
T
Tobias Cudnik

This works as of npm 1.3.15.

"dependencies": {
  "foo": "latest"
}

Good to know. My guess is that this would generally be a bad practice on any production site because it will update to potentially backwards-incompatible versions automatically. The '~2' syntax locks you into a given major version number, which following semver will be backwards compatible.
You can always freeze deps on prod. Theres a command for that. -2 sounds ok.
I like using this along with npm shrinkwrap to freeze deps.
If we do this, then how do we know the actual version of that package? Say I had an entry called "react": "16.9.0" and then I added latest to it and ran npm i, after this how do I find which version of react is now in my project? since "react":"latest" is whats left in my package.json, not a number even after I did npm i
A
Alex

Use * as the version for the latest releases, including unstable Use latest as version definition for the latest stable version Modify the package.json with exactly the latest stable version number using LatestStablePackages

Here is an example:

"dependencies": {
        "express": "latest"  // using the latest STABLE version
    ,   "node-gyp": "latest"    
    ,   "jade": "latest"
    ,   "mongoose": "*" // using the newest version, may involve the unstable releases
    ,   "cookie-parser": "latest"
    ,   "express-session": "latest"
    ,   "body-parser": "latest"
    ,   "nodemailer":"latest"
    ,   "validator": "latest"
    ,   "bcrypt": "latest"
    ,   "formidable": "latest"
    ,   "path": "latest"
    ,   "fs-extra": "latest"
    ,   "moment": "latest"
    ,   "express-device": "latest"
},

This is the best answer.
still the safest approach to take. Good answer.
"latest" also stops the thrashing that package.json does to your git commit history, each time a package version number changes. The only downside being that in a production release we need to freeze the package version numbers, so that the build does not break. Although we might be able to replace "latest" with the actual semvar values, by handling that in package.json with a run script for a command like npm run build.
Not sure if npm shrinkwrap is the way to go to freeze version numbers for a production release. But to convert "latest" into exact semvar numbers one could use something like "scripts": { "build" : "npx --yes npm-check-updates --upgrade" } in package.json.
L
Leniel Maccaferri

To see which packages have newer versions available, then use the following command:

npm outdated

to update just one dependency just use the following command:

npm install yourPackage@latest

For example:

My package.json file has dependency:

"@progress/kendo-angular-dateinputs": "^1.3.1",

then I should write:

npm install @progress/kendo-angular-dateinputs@latest

What does --save-dev mean?

npm install @progress/kendo-angular-dateinputs@latest --save-dev

As npm install docs says:

-D, --save-dev: Package will appear in your devDependencies.


Nice but it looks like that --save (or --save-dev) is not mandatory for update.
@Burrich yeah, you are right! Please, see my updated answer! Thanks!
how does this answer the question to 'update each dependency'? Isn't this a manual solution by dependency, not a solution that updates all dependencies? And to the latest major version?
i
isherwood

I really like how npm-upgrade works. It is a simple command line utility that goes through all of your dependencies and lets you see the current version compared to the latest version and update if you want.

Here is a screenshot of what happens after running npm-upgrade in the root of your project (next to the package.json file):

https://i.stack.imgur.com/qiwIs.png

For each dependency you can choose to upgrade, ignore, view the changelog, or finish the process. It has worked great for me so far.

To be clear this is a third party package that needs to be installed before the command will work. It does not come with npm itself:

npm install -g npm-upgrade

Then from the root of a project that has a package.json file:

npm-upgrade

Hmm, npm-upgrade did not work for me, but npm upgrade did and it updated my package.json file which was exactly what I was looking for.
Hmm interesting, was there an error? The idea behind using npm-upgrade is that you get to see exactly what is being upgraded and pick and choose which ones get upgraded. npm upgrade may work fine for most people but sometimes you need to have a little more control when upgrading.
@Grandizer: upgrade is an alias for update, so there should be no difference between them. However, npm 6.2.0 is buggy, and may not udpate package.json.
You can also use this with npx: npx npm-upgrade - quite cool! :)
T
Tyler Davis

The only caveat I have found with the best answer above is that it updates the modules to the latest version. This means it could update to an unstable alpha build.

I would use that npm-check-updates utility. My group used this tool and it worked effectively by installing the stable updates.

As Etienne stated above: install and run with this:

$ npm install -g npm-check-updates
$ npm-check-updates -u
$ npm install 

rm -rf node_modules before npm install got rid of some dependency warnings for me.
Just in case you have "*" in package.json, simply change it to "0" or "0.0" or "0.0.0" before running npm-check-updates.
You should link directly to whatever the "best answer above" is/was. While your answer stands alone, that explanation isn't clear.
S
SavoryBytes

Here is a basic regex to match semantic version numbers so you can quickly replace them all with an asterisk.

Semantic Version Regex

([>|<|=|~|^|\s])*?(\d+\.)?(\d+\.)?(\*|\d+)

How to use

Select the package versions you want to replace in the JSON file.

https://i.stack.imgur.com/YgEOd.png

Input the regex above and verify it's matching the correct text.

https://i.stack.imgur.com/N00l2.png

Replace all matches with an asterisk.

https://i.stack.imgur.com/gfy2d.png

Run npm update --save


doesn't when there is number in a package name. i.e.: babel-preset-es2015, babel-preset-stage-0, hex2rgba. Maybe search for quote/double quote at the beggining: ('|")([>|<|=|~|^|\s])*?(\d+\.)?(\d+\.)?(\*|\d+)
on any editor that supports multiple carets (ej Sublime Text) you can select the first : and press ctrl+d multiple times until you select them all, then go to the version number (press right arrow 2 times) and press ctrl space, then write "*"
T
TWright

If you want to use a gentle approach via a beautiful (for terminal) interactive reporting interface I would suggest using npm-check.

It's less of a hammer and gives you more consequential knowledge of, and control over, your dependency updates.

To give you a taste of what awaits here's a screenshot (scraped from the git page for npm-check):

https://i.stack.imgur.com/qZTKn.png


S
Sibiraj

This feature has been introduced in npm v5. update to npm using npm install -g npm@latest and

to update package.json

delete /node_modules and package-lock.json (if you have any) run npm update. this will update the dependencies package.json to the latest, based on semver.

to update to very latest version. you can go with npm-check-updates


a
andxyz

I recently had to update several projects that were using npm and package.json for their gruntfile.js magic. The following bash command (multiline command) worked well for me:

npm outdated --json --depth=0 | \
jq --ascii-output --monochrome-output '. | keys | .[]' | \
xargs npm install $1 --save-dev

The idea here: To pipe the npm outdated output as json, to jq
(jq is a json command line parser/query tool)
(notice the use of --depth argument for npm outdated)
jq will strip the output down to just the top level package name only.
finally xargs puts each LIBRARYNAME one at a time into a npm install LIBRARYNAME --save-dev command

The above is what worked for me on a machine runnning: node=v0.11.10 osx=10.9.2 npm=1.3.24

this required:
xargs http://en.wikipedia.org/wiki/Xargs (native to my machine I believe)
and
jq http://stedolan.github.io/jq/ (I installed it with brew install jq)

Note: I only save the updated libraries to package.json inside of the json key devDependancies by using --save-dev, that was a requirement of my projects, quite possible not yours.

Afterward I check that everything is gravy with a simple

npm outdated --depth=0

Also, you can check the current toplevel installed library versions with

npm list --depth=0

I love jq and use it almost everyday, but for this purpose I use simple awk instead: npm outdated --depth=0 | grep -v "^Package" | awk '{print $1}' | xargs npm install $1 --save-dev
I've been using cat package.json|jq -r '.devDependencies|keys|map(.+"@latest")|@sh'|xargs npm install --save-dev
i
ilyakam

As of npm version 5.2.0, there is a way to run this in a single line without installing any additional packages to your global npm registry nor locally to your application. This can be done by leveraging the new npx utility that's bundled with npm. (Click here to learn more.)

Run the following command in the root of your project:

npx npm-check-updates -u && npm i

f
fotijr

If you use yarn, the following command updates all packages to their latest version:

yarn upgrade --latest

From their docs:

The upgrade --latest command upgrades packages the same as the upgrade command, but ignores the version range specified in package.json. Instead, the version specified by the latest tag will be used (potentially upgrading the packages across major versions).


Doesn't update the dependencies in package.json - github.com/yarnpkg/yarn/issues/4390
@Vandesh Please refer to this YARN specific thread stackoverflow.com/questions/62650640/…
g
goksel

I use npm-check to achieve this.

npm i -g npm npm-check
npm-check -ug #to update globals
npm-check -u #to update locals

https://i.stack.imgur.com/QSI4Z.png

Another useful command list which will keep exact version numbers in package.json

npm cache clean
rm -rf node_modules/
npm i -g npm npm-check-updates
ncu -g #update globals
ncu -ua #update locals
npm I

Update: You can use yarn upgrade-interactive --latest if you are using yarn


It's ncu -u and not ncu -ua in the second last line. I cannot edit because one character change is not allowed. Very helpful by the way.
yarn upgrade-interactive --latest is a better option now
D
David Braun

Updtr!

Based on npm outdated, updtr installs the latest version and runs npm test for each dependency. If the test succeeds, updtr saves the new version number to your package.json. If the test fails, however, updtr rolls back its changes.

https://github.com/peerigon/updtr


C
Chukwu3meka

Safe update

Use 'npm outdated' to discover dependencies that are out of date. Use 'npm update' to perform safe dependency upgrades. Use 'npm install @latest' to upgrade to the latest major version of a package.

Breaking Update

Use 'npx npm-check-updates -u'. 'npm install' to upgrade all dependencies to their latest major versions.


The commands listed in the answer are incorrect and will error out. Please note that npm install @latest should really be npm install <PACKAGE>@latest.
Y
Yangshun Tay

If you are using yarn, yarn upgrade-interactive is a really sleek tool that can allow you to view your outdated dependencies and then select which ones you want to update.

More reasons to use Yarn over npm. Heh.


Yarn is moving fast, hit a 1.0 already and is a damn pleasure to use. This should be the new selected answer.
Doesn't update the dependencies in package.json - github.com/yarnpkg/yarn/issues/4390
@JoshHabdas You can follow the following thread for Yarn specific solution.... stackoverflow.com/questions/62650640/…
O
Ogglas

Commands that I had to use to update package.json for NPM 3.10.10:

npm install -g npm-check-updates
ncu -a
npm install

Background:

I was using the latest command from @josh3736 but my package.json was not updated. I then noticed the description text when running npm-check-updates -u:

The following dependency is satisfied by its declared version range, but the installed version is behind. You can install the latest version without modifying your package file by using npm update. If you want to update the dependency in your package file anyway, run ncu -a.

Reading the documentation for npm-check-updates you can see the difference:

https://www.npmjs.com/package/npm-check-updates

-u, --upgrade: overwrite package file -a, --upgradeAll: include even those dependencies whose latest version satisfies the declared semver dependency

ncu is an alias for npm-check-updates as seen in the message when typing npm-check-updates -u:

[INFO]: You can also use ncu as an alias

In npm-check-updates v3, -a is the default behavior, and overwriting the package.json is left solely to the -u option.
Y
Yukulélé

If you don't want to install global npm-check-updates you can simply run that:

node -e "const pk = JSON.parse(require('fs').readFileSync('package.json', 'utf-8'));require('child_process').spawn('npm', ['install', ...Object.keys(Object.assign({},pk.dependencies, pk.devDependencies)).map(a=>a+'@latest')]).stdout.on('data', d=>console.log(d.toString()))"

Love it! Best answer here. No unwanted dependencies required for a one-time task. Thank you kind sir!
g
gleb bahmutov

The above commands are unsafe because you might break your module when switching versions. Instead I recommend the following

Set actual current node modules version into package.json using npm shrinkwrap command.

Update each dependency to the latest version IF IT DOES NOT BREAK YOUR TESTS using https://github.com/bahmutov/next-update command line tool

npm install -g next-update
// from your package
next-update

Backwards-incompatible changes do need to be safeguarded against for active projects. The OP is more concerned with starting a new project where you want to break things now rather than later and have the latest versions to work from.
k
krunal shah

Try following command if you using npm 5 and node 8

npm update --save


The update command does not seem to bump dependencies beyond the original definition. If package.json declares "1.2.3" exactly you won't get 1.2.4. That can be good or bad :)
R
Raine Revere

I found another solution for recent version of NPM. What I want to do is to replace all the "*" dependencies with the explicit lastest version number. None of the methods discussed has worked for me.

What I did:

Replace all "*" with "^0.0.0" Run npm-check-updates -u

Everything in package.json now is updated to the last version.


A
Andrei Gec

If you're looking for an easier solution that doesn't involve installing npm packages, I'd checkout updatepackagejson.com

https://i.stack.imgur.com/vJyHL.png


i
inf3rno

The following code (which was accepted) wrote me something like "it takes too long blah-blah" and did nothing. Probably using the global flag was the problem, idk.

npm i -g npm-check-updates
ncu -u
npm install

I decided to use my text editor and follow a semi-manual approach instead.

I copied a list like this (just a lot longer) from the dev dependencies of my package.json to the notepad++ text editor:

"browserify": "10.2.6",
"expect.js": "^0.3.1",
"karma": "^0.13.22",
"karma-browserify": "^5.2.0",

I set the search mode to regular expression, used the ^\s*"([^"]+)".*$ pattern to get the package name and replaced it with npm uninstall \1 --save-dev \nnpm install \1 --save-dev. Clicked on "replace all". The otput was this:

npm uninstall browserify --save-dev 
npm install browserify --save-dev
npm uninstall expect.js --save-dev 
npm install expect.js --save-dev
npm uninstall karma --save-dev 
npm install karma --save-dev
npm uninstall karma-browserify --save-dev 
npm install karma-browserify --save-dev

I copied it back to bash and hit enter. Everything was upgraded and working fine. That's all.

"browserify": "^16.1.0",
"expect.js": "^0.3.1",
"karma": "^2.0.0",
"karma-browserify": "^5.2.0",

I don't think it is a big deal, since you have to do it only every now and then, but you can easily write a script, which parses the package.json and upgrades your packages. I think it is better this way, because you can edit your list if you need something special, for example keeping the current version of a lib.


With npm-check-updates, the hanging terminal is a known issue on Windows. Try adding --packageFile package.json so that knows not to wait for stdin.
@RaineRevere Thanks!
S
Sunil

I solved this by seeing the instructions from https://github.com/tjunnone/npm-check-updates

$ npm install -g npm-check-updates
$ ncu
$ ncu -u # to update all the dependencies to latest
$ ncu -u "specific module name"  #in case you want to update specific dependencies to latest

N
NetOperator Wibby

It's wild to me that 90% of answers is some variant of "use npm-check-updates". Here's what I do (relevant code):

{
  "devDependencies": {
    "updates": "^13.0.5" // the version here could be "latest" or "*" tbh...
  },
  "scripts": {
    "test:dependencies": "updates --update ./",
  }
}

Running npm run test:dependencies (or whatever your dependency update script is called) will check your package.json for the latest versions of every package listed, and it'll let you know when the latest version was published. Run npm i after that and you'll be up to date!

Also, unlike npm-check-updates, updates has zero dependencies (ncu has 29, at the time of this post).


H
Haven

Alternative is

"dependencies":{
    "foo" : ">=1.4.5"
}

everytime you use npm update , it automatically update to the latest version. For more version syntax, you may check here: https://www.npmjs.org/doc/misc/semver.html


One reason for versioning is to prevent backwards-incompatible changes from newer major versions. I would recommend against this or '*' version numbers. The OP is related to easing the process while maintaining control over when it occurs.