cannot find module jquery spfx

Recently while developing a SharePoint framework crud operations with no javascript framework, I got the error while I tried to run the below command:

gulp serve

The error comes as:

error TS2307: Cannot find module ‘jquery’ and the error looks like below:

The same error sometimes, you will get after adding the web part to a modern SharePoint page like below:

[SPLoaderError.loadComponentError]: Failed to load component “”. Original error. Failed to load entry point from component. Error loading… Cannot find module ‘jquery’

Cannot find module jquery sharepoint framework

cannot find module jquery spfx

The error will comes if jQuery is not installed in SPFx solutions. Run the below command to install jQuery in the SPFx solution.

npm install jquery --save

cannot find module jquery typescript

If the solution did not work, then you can try to install the exact version of jQuery by running the below command:

npm uninstall @types/jquery

npm install @types/jquery@3.5.1 --save

Also, you can refer the jQuery from the CDN. Open the config/config.json file and then add the below code:

"jquery": ""

Ideally, if you want to use jQuery in SPFx web parts, then you should install the type declarations for jQuery.

npm install --save-dev @types/jquery

Source: SP Guide

The Tech Platform