如何从@ember/jquery导入jQuery

wko9yo5t  于 2022-11-05  发布在  jQuery
关注(0)|答案(4)|浏览(179)

我正在尝试将@ember/jquery导入到组件中。
我已经安装了@ember/jquery@ember/optional-features,并导入如下

import $ from '@ember/jquery'

但我的组件中出现以下错误:
缺少模块@ember/jquery时出错
这是正确的导入方法吗?
https://github.com/emberjs/ember-jquery

smdnsysy

smdnsysy1#

导出jQuery的模块名为jquery,而不是@ember/jquery@ember/jquerynpm package的名称
导入jquery的正确方法是

import jQuery from 'jquery';

因为我们要从jquery模块导入默认导出,所以我们可以按照自己的方式命名它:

import $ from 'jquery'; // this will also work and we will use `$` to reference jquery

要使其正常工作,还应该为ember.js应用程序启用jquery-integration可选特性。

{
  "jquery-integration": true
}

如果config/optional-features.json不存在或不包含jquery-integration: true行,则可以手动创建/编辑该文件,或使用cli命令生成该文件:

ember feature:enable jquery-integration
oxcyiej7

oxcyiej72#

ember-jquery看起来像是提供jQuery作为导出。在我的应用程序中,我将其设置为import $ from 'jquery';。看起来像是这些ember-jquery测试将其设置为import jQuery from 'jquery';

vtwuwzda

vtwuwzda3#

从Ember 3.4.0开始,

Setting the `jquery-integration` optional feature flag to `true`, or not providing
a setting at all, has been deprecated. You must add the `@ember/optional-
features` addon and set this feature to `false`. This warning will become an error 
in Ember 4.0.0.

有关详细信息,请参阅不推荐使用指南:https://deprecations.emberjs.com/v3.x/#toc_optional-feature-jquery-integration
将jQuery集成到应用程序的正确方法是
ember install @ember/jquery

e37o9pze

e37o9pze4#

对于未来的旁观者,如果您仍然希望使用jquery,这也可以

  • 已启用/安装ember自动导入或刺绣
  • yarn add jquery
  • import $ from 'jquery';

相关问题