Diselesaikan: Modul tidak ditemukan%3A Bisakah%27t menyelesaikan %27jquery%27 dalam bereaksi

Pembaharuan Terakhir: 09/11/2023
penulis: Jejak Sumber JavaScript

Masalah utamanya adalah React tidak dapat menemukan pustaka 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:

Kesalahan memberi tahu Anda bahwa Anda perlu menginstal jquery untuk menggunakan bootstrap-daterangepicker. Anda dapat melakukannya dengan berlari npm install jquery.

Bagaimana mengatasi modul tidak ditemukan di js

Ada beberapa cara untuk mengatasi masalah ini. Salah satu caranya adalah memeriksa apakah modul tersedia sebagai dependensi dalam proyek Anda. Anda dapat melakukannya dengan membuka bagian dependensi proyek Anda di terminal dan mencari nama modul. Jika tidak ditemukan, Anda dapat mencoba mencari modul di npm atau benang. Jika tidak berhasil, Anda dapat mencoba menggunakan bundler seperti webpack atau rollup untuk menggabungkan modul ke dalam proyek Anda.

Pos terkait: