如何使用 es6 从文件中导入 jQuery

Question

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

我有这个

import {MyModule} from './components/myModule.js';
import jQuery from './jquery/jquery-3.3.1.js';

MyModule按预期工作（在 Chrome 上），但 jQuery 产生：

未捕获的语法错误：请求的模块不提供名为“默认”的导出

jquery-3.3.1.js是未压缩的，从jQuery.com开发的jQuery 3.3.1版本，我也试过生产版本。

我应该如何导入它？

编辑：

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

Answer 1

你应该使用：

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

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

Answer 2

这对我有用。

import "@hotwired/turbo-rails"
import "@popperjs/core"
import * as bootstrap from "bootstrap";
import jQuery from "jquery"
window.jQuery = jQuery
window.$ = jQuery

$(document).on("turbo:load", () => {
    console.log("turbo!");
});
$(document).ready(function() {
    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
});