如何使用es6从文件导入jQuery

dis*_*nte 5 javascript jquery ecmascript-6

由于这个项目的特性我需要导入jQuery到我main.js使用不在node_modules文件夹中的直接路径,但我无法做到这一点.我发现的所有问题都指向了jquery这个问题node_modules

我有这个

import {MyModule} from './components/myModule.js';
import jQuery from './jquery/jquery-3.3.1.js';
Run Code Online (Sandbox Code Playgroud)

MyModule 按预期工作(在Chrome上),但jQuery产生:

未捕获的SyntaxError:请求的模块不提供名为"default"的导出

jquery-3.3.1.js是来自jQuery.com 的未压缩的开发jQuery 3.3.1版本,我也尝试过生产版本.

我应该如何导入它?

编辑:

不是如何使用ES6语法导入jquery的副本.因为在我从给定路径导入它时以及当我从上面引用错误时进行import {$,jQuery} from 'jquery';搜索node_modules.

F_M*_*ekk 3

您可以像这样导入 ES6:

import * as jQuery from './jquery/jquery-3.3.1.js'

有关导入语句的文档: https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/import

如果您不使用 ES6,您可以使用问题评论中给出的@Bergi 解决方案:

import './jquery/jquery-3.3.1.js';

  • 当我尝试在 jQuery 3.6.0 中使用此语法时,我只是得到“jQuery 不是函数” (2认同)