javascript – 使用npm install导入jQuery-ui和jQuery

在这里npm有点新鲜..

我想在我的项目中使用jQuery-ui.我习惯在我的HTML中使用脚本标记导入jQuery和jQuery-ui,但我想使用npm install导入它们.

我让jQuery一起工作.

import $from 'jquery'

但每当我尝试导入jquery-ui时,我都会收到此错误：

Uncaught ReferenceError: jQuery is not defined

关于这个错误有很多帖子.但是所有这些似乎都围绕着人们,只是将jQuery和jQuery-ui的脚本标签放错了.

我找不到关于如何使用npm install安装jQuery和jQuery-ui的任何内容？

有任何想法吗？

解决方法

刚试过更新jquery(到3.1.0)& jquery-ui(到1.12.0)并得到了同样的错误.

较新版本的jquery-ui似乎需要一个全局jQuery变量来初始化或更新版本的jquery不再默认设置jQuery全局变量,因此Uncaught ReferenceError.

一个明确的解决方案是在导入jquery-ui之前设置global.jQuery = require(‘jquery’).

然而,它似乎不适用于browserify,因为browserify优先于其他表达式的导入(即使它们被置于原始代码中的其他表达式之后,也会将导入放在浏览器化代码之上).

因此,如果您使用的是browserify,请尝试使用jquery@2.2.4和jquery-ui@1.10.5,然后导入为：

import $from 'jquery';
import 'jquery-ui';

为我工作.