Riješeno: Modul nije pronađen%3A Ne može%27razriješiti %27jquery%27 u reakciji

Zadnje ažuriranje: 09/11/2023
Autor: JavaScript SourceTrail

Glavni problem je što React ne može pronaći jQuery biblioteku.

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

Pogreška vam govori da trebate instalirati jquery kako biste koristili bootstrap-daterangepicker. To možete učiniti trčanjem npm install jquery.

Kako riješiti modul koji nije pronađen u js-u

Postoji nekoliko načina za rješavanje ovog problema. Jedan od načina je provjeriti je li modul dostupan kao ovisnost u vašem projektu. To možete učiniti tako da odete u odjeljak ovisnosti svog projekta na svom terminalu i potražite naziv modula. Ako nije pronađen, možete pokušati potražiti modul na npm ili yarn. Ako to ne uspije, možete pokušati upotrijebiti bundler kao što je webpack ili rollup za spajanje modula u vaš projekt.

Povezani postovi: