Webpack 给出 $ 未定义或 jQuery 未定义控制台错误

Question

嘿伙计们，我尝试了一切，我已经准备好羞愧地爆发，我厌倦了在过去的 4 小时内一遍又一遍地出现同样的错误。我只是要复制并粘贴控制台，以便我们可以看到它有多糟糕：

Uncaught Error: Bootstrap's JavaScript requires jQuery
    at bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
etw.js:4 Fri Feb 10 2017
etw.js:125 Uncaught ReferenceError: $ is not defined
    at LFDTrack (etw.js:125)
    at Object.LFD_Search (etw.js:244)
    at User.lfd_search (etw.js:25)
    at etw.js:250
LFDTrack @ etw.js:125
LFD_Search @ etw.js:244
User.lfd_search @ etw.js:25
(anonymous) @ etw.js:250
jBox.min.js:2 Uncaught ReferenceError: jQuery is not defined
    at jBox.min.js:2
(anonymous) @ jBox.min.js:2
jquery.datetimepicker.full.min.js:1Uncaught ReferenceError: jQuery is not defined
    at jquery.datetimepicker.full.min.js:1
    at jquery.datetimepicker.full.min.js:1
(anonymous) @ jquery.datetimepicker.full.min.js:1
(anonymous) @ jquery.datetimepicker.full.min.js:1
owl.carousel.js:1517 Uncaught ReferenceError: jQuery is not defined
    at owl.carousel.js:1517
(anonymous) @ owl.carousel.js:1517
(index):539 Uncaught ReferenceError: $ is not defined
    at (index):539
(anonymous) @ (index):539
featherlight.min.js:8 Uncaught ReferenceError: jQuery is not defined
    at featherlight.min.js:8
(anonymous) @ featherlight.min.js:8
jquery.datetimepicker.full.min.js:1 Uncaught ReferenceError: jQuery is not defined
    at jquery.datetimepicker.full.min.js:1
    at jquery.datetimepicker.full.min.js:1
(anonymous) @ jquery.datetimepicker.full.min.js:1
(anonymous) @ jquery.datetimepicker.full.min.js:1
pagecrossfade-min.js:1 Uncaught ReferenceError: jQuery is not defined
    at pagecrossfade-min.js:1

这是我的主要.js文件，条目：

"use strict";
import $ from 'jquery';
import jQuery from 'jquery';
window.$ = jQuery;
import moment from 'moment';
import _ from 'lodash';
import math from 'mathjs';
//import jBox from 'jbox';

这是我的webpack.config.js我试着切换周围的一切。也就是去掉加载器部分，把插件部分留在那里，或者把导入的东西放在main.js只留下webpack.config.js jquery等。我觉得我是网络上唯一一个仍然有此错误的人，因为其他人都已经修复了它，所以我无处可去谷歌搜索。(附言我不知道这是否有什么作用，但控制台中的日期时间选择器和其他脚本是指向 html 文件中 cdn 的脚本标签(

const path = require('path');
const webpack = require('webpack');
module.exports = {
    entry: './main.js',
    output: { path: __dirname, filename: 'bundle.js' },
    watch: true,
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        })
    ],
    module: {
        loaders: [
            {
                test: /[/\]node_modules[/\]some-module[/\]index.js$/,
                loader: "imports?this=>window"
            },
            {
                test: /[/\]node_modules[/\]some-module[/\]index.js$/,
                loader: "imports?define=>false"
            }
    ]
    }
}

Answer 1

我遇到了同样的问题。

我的错误是：

Uncaught ReferenceError: jQuery is not defined
    at eval (featherlight.min.js?60bc:8)
    at Object../node_modules/featherlight/release/featherlight.min.js 

你的问题实际上为我提供了解决它的提示。

const $ = require("jquery");
window.jQuery = $;    //When I added this line, it worked!
require('featherlight');