使用 bootstrap 的 Webpack - 未定义 jquery

2024-04-04

import $ from 'jquery';
require("./node_modules/bootstrap/dist/css/bootstrap.min.css")
require("./node_modules/bootstrap/js/dropdown.js")
import React from 'react';
import ReactDOM from 'react-dom';
var _ = require('lodash');

请参考上面我的设置。出于某种原因,我有错误说“未捕获的引用错误:jQuery 未定义()来自 dropdown.js

我还在 webpack.config.js 中添加了以下几行

   plugins: [
    new webpack.NoErrorsPlugin({
        $: "jquery",
        jQuery: "jquery"
    })
]

但是,运气不好 - 仍然有 jQuery 未定义错误。 任何想法 ?有人可以帮忙解决这个问题吗?

非常感谢


请使用 webpack ProviderPlugin,使用全局不是一个好主意。

// webpack.config.js
module.exports = {
    ...
    plugins: [
        new webpack.ProvidePlugin({
           $: "jquery",
           jQuery: "jquery"
       })
    ]
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 bootstrap 的 Webpack - 未定义 jquery 的相关文章

随机推荐