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

Question

这里对 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 的信息？

有什么想法吗？

Answer 1

刚刚尝试更新 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';

为我工作。