Solved: Module not found%3A Can%27t solve %27jquery%27 in react

Ang pangunahing problema ay hindi mahanap ng React ang library ng jQuery.

-app/node_modules/bootstrap-daterangepicker

I'm trying to use the bootstrap-daterangepicker in my React project. I installed it using npm and imported it into my component. When I try to run the code, I get this error: 
<code>./node_modules/bootstrap-daterangepicker/daterangepicker.js
Module not found: Can't resolve 'jquery' in '/Users/myname/react-app/node_modules/bootstrap-daterangepicker'</code>
Here is my code: 


<code>import React from 'react';
import $ from 'jquery';
import DateRangePicker from 'bootstrap-daterangepicker';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }  
   componentDidMount() {     $(function() {       $('input[name="datefilter"]').daterangepicker({         autoUpdateInput: false,         locale: {           cancelLabel: 'Clear'         }       });       $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {         $(this).val(picker.startDate.format('MMM D') + ' - ' + picker.endDate.format('MMM D'));       });       $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {         $(this).val('');       });     });   }   render() {     return (        &lt;div&gt;          &lt;h3&gt;Bootstrap dateranger picker example&lt;/h3&gt;          &lt;div className="form-group"&gt;            &lt;label htmlFor=""&gt;Select date range for report generation : &lt;span className="text-danger"&gt;"*" required field&lt;/span&gt;              &lt;br /&gt;"*" required field              &lt;br /&gt;"**" required field if "Select Date Range For Report Generation:" is selected as "Custom Date Range"            &lt;/label&gt;            &lt;div className="controls input-append date form_datetime" dataToggle dataTarget="#datetimePickerss1" dataPlacement={window.$("#datetimePickerss1").attr("dataPlacement")} title={window.$("#datetimePickerss1").attr("title")} onClick={window.$("#datetimePickerss1").trigger("click")} style={{cursor:'pointer'}} id="datetimePickerss1" name="datefilter" type="text" defaultValue="" readOnly /&gt;;          &lt;/div&gt;;        &lt;;      };    };export default MyComponent</code>

A:

Ang error ay nagsasabi sa iyo na kailangan mong i-install ang jquery upang magamit ang bootstrap-daterangepicker. Magagawa mo ito sa pamamagitan ng pagtakbo npm install jquery.

Paano malutas ang module na hindi matatagpuan sa js

Mayroong ilang mga paraan upang malutas ang isyung ito. Ang isang paraan ay upang suriin kung ang module ay magagamit bilang isang dependency sa iyong proyekto. Magagawa mo ito sa pamamagitan ng pagpunta sa seksyong dependencies ng iyong proyekto sa iyong terminal at hanapin ang pangalan ng module. Kung hindi ito matagpuan, maaari mong subukang hanapin ang module sa npm o yarn. Kung hindi iyon gagana, maaari mong subukang gumamit ng isang bundler tulad ng webpack o rollup upang i-bundle ang module sa iyong proyekto.