Как я могу импортировать jQuery из пакета npm, используя только ES6?

Question

Я установил jQuery с помощью npm -install jquery, и он создал папку node_modules в моем проекте с jquery.Но когда я пытаюсь импортировать его, используя импорт ES6, это выдает мне ошибку.

Я не хочу использовать Webpack или require () и должен скомпилировать его ... что-нибудь еще, просто простой ES6.

Я всегда получаю эту ошибку

Uncaught SyntaxError: Запрошенный модуль './node_modules/jquery/dist/jquery.min.js' не обеспечивает экспорт с именем '$'

или

Uncaught SyntaxError: Запрошенный модуль' ./node_modules/jquery/src/jquery.js 'не обеспечивает экспорт с именем' $ '

Структура проекта

.
├── index.html
├── app.js
├── node_modules/
│   ├── jquery/
│   │   ├── dist/
│   │   │   ├── jquery.js
│   │   │   ├── jquery.min.js
│   │   ├── src/
│   │   │   ├── jquery.js
└── package.json

app.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

В настоящее время эта функция только начинает поддерживаться браузерами.Полная реализация предоставляется во многих транспиляторах, таких как TypeScript и Babel, и в упаковщиках, таких как Webpack.

Модули ES6 полностью поддерживаются в Chrome начиная с версии 65, но все равно выдает ошибки, если мы пытаемся использовать импорт / экспортключевые слова для импорта или экспорта модулей в файлах JavaScript.

Итак, что нужно сделать, чтобы модули ES6 работали без Webpack / Browserify / Babel, это добавить следующий тег сценария в файл index.html:

<script type="module" src="ES6-Node.js"></script>

Answer 2

Попробуйте npm install jquery, а затем import $ from "jquery".