How to fix "Uncaught ReferenceError: jQuery is not defined" error when using admin-lte3?

Question

JavaScript

I use webpack to build the front, at the entry point (index.js) I wrote the following:

import $ from 'jquery';
import popper from 'popper.js';
import bootstrap from 'bootstrap';
import 'admin-lte/dist/js/adminlte.min.js'

The project builds with no errors or warnings, but when the page loads, the console displays "Uncaught ReferenceError: jQuery is not defined" even though jQuery is included before adminlte.min.js.


How to fix this error?

Answer 1

const webpack = require('webpack');

plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ],

Answer 2

import {$,jQuery} from 'jquery';
window.$ = $;
window.jQuery = jQuery;