如何仅使用 ES6 从 npm 包中导入 jQuery？

Question

我使用 npm -install jquery 安装了 jQuery，它在我的项目中创建了一个 node_modules 文件夹，其中包含 jquery。但是当我尝试使用 ES6 import 导入它时，它给了我一个错误。

我不想使用 Webpack 或 require() 并且必须编译它……其他任何东西都只是普通的 ES6。

我总是收到这个错误

未捕获的语法错误：请求的模块“./node_modules/jquery/dist/jquery.min.js”不提供名为“$”的导出

或者

未捕获的语法错误：请求的模块“./node_modules/jquery/src/jquery.js”不提供名为“$”的导出

项目结构

.
??? index.html
??? app.js
??? node_modules/
?   ??? jquery/
?   ?   ??? dist/
?   ?   ?   ??? jquery.js
?   ?   ?   ??? jquery.min.js
?   ?   ??? src/
?   ?   ?   ??? jquery.js
??? package.json

应用程序.js

import { $ } from './node_modules/jquery/dist/jquery.min.js'; // <-- does not work
import { $ } from './node_modules/jquery/src/jquery.js'; // <-- does not work
window.$ = $;

$('body').css('background-color', 'red')

Answer 1

尝试npm install jquery然后import $ from "jquery"。