ઉકેલાયેલ: મોડ્યુલ મળ્યું નથી%3A પ્રતિક્રિયામાં% 27jquery%27 ઉકેલી શકતું નથી

મુખ્ય સમસ્યા એ છે કે React 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:

ભૂલ તમને કહી રહી છે કે તમારે bootstrap-daterangepicker નો ઉપયોગ કરવા માટે jquery ઇન્સ્ટોલ કરવાની જરૂર છે. તમે દોડીને આ કરી શકો છો npm install jquery.

js માં ન મળતા મોડ્યુલને કેવી રીતે હલ કરવું

આ સમસ્યાને હલ કરવાની કેટલીક રીતો છે. એક રીત એ છે કે તમારા પ્રોજેક્ટમાં મોડ્યુલ નિર્ભરતા તરીકે ઉપલબ્ધ છે કે કેમ તે તપાસો. તમે તમારા ટર્મિનલમાં તમારા પ્રોજેક્ટના ડિપેન્ડન્સી વિભાગમાં જઈને અને મોડ્યુલનું નામ શોધીને આ કરી શકો છો. જો તે ન મળે, તો તમે npm અથવા યાર્ન પર મોડ્યુલ શોધવાનો પ્રયાસ કરી શકો છો. જો તે કામ કરતું નથી, તો તમે તમારા પ્રોજેક્ટમાં મોડ્યુલને બંડલ કરવા માટે વેબપેક અથવા રોલઅપ જેવા બંડલરનો ઉપયોગ કરવાનો પ્રયાસ કરી શકો છો.