如何使用Webpack包含jQuery和jQuery验证?
我对Webpack比较陌生,正在尝试使用创建一个通用的React应用程序。我已使用以下方法包括jQuery:如何使用Webpack包含jQuery和jQuery验证?,jquery,validation,reactjs,webpack,redux,Jquery,Validation,Reactjs,Webpack,Redux,我对Webpack比较陌生,正在尝试使用创建一个通用的React应用程序。我已使用以下方法包括jQuery: var jquery = new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) 并将其包含在module.exports插件阵列中,以使其具有全局性。在我的JS文件中,我试图像这样包含它 import $ from 'jquery'; import jqueryValidation from 'jquery-v
var jquery = new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
并将其包含在module.exports插件阵列中,以使其具有全局性。在我的JS文件中,我试图像这样包含它
import $ from 'jquery';
import jqueryValidation from 'jquery-validation';
但是,我在NodeJS中遇到以下错误:
> error given was: TypeError: $.extend is not a function
[1] at /Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:19:3
[1] at /Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:13:20
[1] at Object.<anonymous> (/Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:17:2)
[1] at Module._compile (module.js:570:32)
[1] at Module._extensions..js (module.js:579:10)
[1] at require.extensions.(anonymous function) (/Users/admin/repo/learnReact/node_modules/babel-register/lib/node.js:152:7)
[1] at Object._module2.default._extensions.(anonymous function) [as .js] (/Users/admin/repo/learnReact/node_modules/require-hacker/babel-transpiled-modules/require hacker.js:260:68)
[1] at Module.load (module.js:487:32)
[1] at tryModuleLoad (module.js:446:12)
[1] at Module._load (module.js:438:3)
[0] ./src/utils/validation.js
我做错了什么?在网上快速搜索之后,我还尝试了一些帖子建议的expose loader,但似乎也不起作用。如果您能帮助修复此问题或参考一个好的网页教程,我们将不胜感激。jquery只能在DOM上使用。验证也是如此
https://www.npmjs.com/package/jquery#node
所以,如果您想包含jquery,您必须使用脚本标记将它注入到您的客户机条目文件webpack中
这样jquery将始终在具有DOM的环境中运行。之后,您将能够在react应用程序中通过window.$使用jquery
(componentDidMount) (componentWillMount does not support DOM afaik)
决不能将jquery与reactJQuery一起使用。jquery只能在DOM上使用。验证也是如此,绝对错误。那么jQuery中的ajax、grep、map和许多其他函数呢。