Как загрузить модуль javascript в html

Question

Я получаю сообщение об ошибке, когда импортирую библиотеку в свой файл index.js и пытаюсь использовать ее в файле index.html.

тег сценария в index.html: <script src="index.js" type="module"></script>

оператор импорта в index.js: import axios from './node_modules/axios';

Полученная ошибка:

* Я запускаю приложение на локальном сервере, а не на файловая система.

Answer 1

Необходимо указать URL-адрес файла модуля ES6 , а не URL-адрес автоматически сгенерированного документа HTML, показывающего индекс файлов в каталоге axios .

Дистрибутив Ax ios включает в себя:

node_modules/axios/dist/axios.min.js

… но это похоже на гибрид «Загрузка с обычным тегом скрипта в браузере» и модуль Common JS - не модуль ES6, поэтому вы не можете import его.

Рассмотрите возможность использования такого инструмента, как Webpack.

Answer 2

Вместо этого вы можете использовать CDN.

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>

Спасибо