Løst: Modulen ikke funnet%3A Kan%27ikke løse %27jquery%27 i react

Hovedproblemet er at React ikke finner jQuery-biblioteket.

-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:

Feilen forteller deg at du må installere jquery for å bruke bootstrap-daterangepicker. Du kan gjøre dette ved å løpe npm install jquery.

Hvordan løse en modul som ikke finnes i js

Det er noen måter å løse dette problemet på. En måte er å sjekke om modulen er tilgjengelig som en avhengighet i prosjektet ditt. Du kan gjøre dette ved å gå til avhengighetsdelen av prosjektet i terminalen og se etter modulnavnet. Finnes den ikke kan du prøve å søke etter modulen på npm eller garn. Hvis det ikke fungerer, kan du prøve å bruke en bunter som webpack eller rollup for å pakke modulen inn i prosjektet ditt.