हल: मॉड्यूल नहीं मिला% 3A प्रतिक्रिया में% 27jquery% 27% 27 को हल नहीं कर सकता

मुख्य समस्या यह है कि रिएक्ट को 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:

त्रुटि आपको बता रही है कि बूटस्ट्रैप-डेटरेंजपिकर का उपयोग करने के लिए आपको jquery स्थापित करने की आवश्यकता है। इसे आप दौड़कर कर सकते हैं npm install jquery.

जेएस में नहीं मिला मॉड्यूल को कैसे हल करें

इस समस्या को हल करने के कुछ तरीके हैं। एक तरीका यह जांचना है कि मॉड्यूल आपके प्रोजेक्ट में निर्भरता के रूप में उपलब्ध है या नहीं। आप अपने टर्मिनल में अपने प्रोजेक्ट के डिपेंडेंसी सेक्शन में जाकर और मॉड्यूल नाम की तलाश करके ऐसा कर सकते हैं। यदि यह नहीं मिला है, तो आप एनपीएम या यार्न पर मॉड्यूल खोजने का प्रयास कर सकते हैं। यदि वह काम नहीं करता है, तो आप अपने प्रोजेक्ट में मॉड्यूल को बंडल करने के लिए वेबपैक या रोलअप जैसे बंडलर का उपयोग करने का प्रयास कर सकते हैं।