Update Syncfusion® npm package

19 Aug 20251 minute to read

Keeping your Syncfusion® npm packages up-to-date is essential for accessing the latest features, bug fixes, performance improvements, and security patches. This guide explains how to efficiently update these packages using the npm-check-updates tool.

Global Installation of npm-check-updates

First, install the npm-check-updates package globally. This tool helps you check for updates and can be used as a CLI tool.

Steps to Install:

  1. Open the terminal or command prompt.

  2. Run the following command to install globally:

     npm install -g npm-check-updates

  3. To update all @syncfusion packages to their latest versions, execute:

     ncu -u -f /^@syncfusion/

    This modifies your package.json file, setting the version of all @syncfusion packages to their latest available.

Updating npm Packages in node_modules

Once your package.json has been updated, follow these steps to update the packages installed in node_modules and clean up any duplicate packages:

  1. Run the update command to synchronize your local package installations:

     npm update

  2. Use the dedupe command to remove any duplicate packages:

     npm dedupe

    Updating a specific npm package

Run the following commands from the command prompt in the application root to update a specific npm package in node_modules and remove the installed duplicate package.

    npm update @syncfusion/ej2-grids
    npm update @syncfusion/ej2-angular-grids
    npm dedupe