使用引导的webpack – jquery没有定义

前端之家收集整理的这篇文章主要介绍了使用引导的webpack – jquery没有定义前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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');

请参考我的设置。有一些原因我有错误说“Uncaught ReferenceError: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"
       })
    ]
};

猜你在找的jQuery相关文章