【问题标题】:Import jquery's $ and export it导入 jquery 的 $ 并导出
【发布时间】:2021-11-04 17:28:19
【问题描述】:

我已经阅读了一些相关的问题,但我不太明白为什么这不起作用:

//common.js

import {$} from "jquery";

const mytoggler = element => $(element).toggle();

export {$,mytoggler}

每当我import {$,mytoggler} from './common.js'; 时,我都会从 webpack 收到一个错误(但这可能与 jquery 有关,因为任何其他导出/导入都可以正常运行):

Uncaught TypeError: _common_common_js__WEBPACK_IMPORTED_MODULE_0__.$ is not a function

有什么想法吗?

【问题讨论】:

  • 尝试将$ 导出为jquery、const jquery = $; export {jquery},并在导入时使用as。 import { jquery as $ } from "./common"
  • @Woohaik 同样的错误
  • import $ from "jquery" 在 common.js 中,而不是 {$}

标签: javascript jquery webpack


【解决方案1】:

在 jquery 模块的 README 描述中。 https://www.npmjs.com/package/jquery

表示包含jquery的正确方法如下:

import $ from "jquery"; 而不是import {$} from "jquery";

【讨论】:

  • 是的,你是对的,谢谢。
猜你喜欢
  • 2017-05-07
  • 1970-01-01
  • 1970-01-01
  • 2019-10-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多