jQuery 和带有 webpack 的插件 (SignalR)
jQuery and plugins with webpack (SignalR)
我正在尝试在我的 React 应用程序中使用 JQuery 插件 (SignalR)。
我所做的是:
- 通过 npm 安装 jquery;
- 通过 npm 安装 signalr 客户端;
- 在 webpack.config 中添加条目以指定 jQuery 和 SignalR 路径;
- 在我想要的 React 组件中使用
import $ from 'jquery'
和 import 'msSignalrClient'
。
但这似乎不起作用,因为我收到此错误:jquery.signalR.min.js?dc9f:9Uncaught Error: jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file.
一个可行的解决方法是像这样在我的 index.html
中加载 jQuery:<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
。当然它根本不是最优的,我想用我上面解释的方法导入 jQuery 。任何帮助表示赞赏!
这应该有效:
npm install jquery signalr expose-loader --save
//inside vendor.ts
import 'expose-loader?jQuery!jquery';
import '../node_modules/signalr/jquery.signalR.js';
最后我做的是这样的:
window.$ = window.jQuery = require("jquery");
我正在尝试在我的 React 应用程序中使用 JQuery 插件 (SignalR)。
我所做的是:
- 通过 npm 安装 jquery;
- 通过 npm 安装 signalr 客户端;
- 在 webpack.config 中添加条目以指定 jQuery 和 SignalR 路径;
- 在我想要的 React 组件中使用
import $ from 'jquery'
和import 'msSignalrClient'
。
但这似乎不起作用,因为我收到此错误:jquery.signalR.min.js?dc9f:9Uncaught Error: jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file.
一个可行的解决方法是像这样在我的 index.html
中加载 jQuery:<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
。当然它根本不是最优的,我想用我上面解释的方法导入 jQuery 。任何帮助表示赞赏!
这应该有效:
npm install jquery signalr expose-loader --save
//inside vendor.ts
import 'expose-loader?jQuery!jquery';
import '../node_modules/signalr/jquery.signalR.js';
最后我做的是这样的:
window.$ = window.jQuery = require("jquery");