使用 ES6 语法导入 jQuery 时出现类型错误

Question

根据问题的答案，我尝试使用 import {$, jQuery} from 'jquery'; 导入 jQuery。并在浏览器中收到错误 Uncaught TypeError: (0 , _jquery.$) is not a function。我正在使用带有 ES2015 预设的 Babel 来转换我的代码。如果我使用两个单独的导入，即 import $ from 'jquery'; import jQuery from 'jquery' 那么它工作正常。为什么我不能使用组合语法？

Answer 1

因为 import $ from 'jQuery' 是 import {default as $} from 'jQuery' 的缩写。如果您导入 {$, jQuery}，那是两个未导出的名称。但是你可以使用

import {
    default as $,
    default as jQuery
} from 'jQuery';

使用 ES6 语法导入 jQuery 时出现类型错误

Getting type error importing jQuery using ES6 syntax

javascript

ecmascript-6

es6-modules