Импортировать из node_modules, не распознаваемых в модулях es6 в браузере

Question

Я пытаюсь использовать lodash в своем веб-приложении.Я установил lodash, используя npm в моем локальном проекте.

Я планирую использовать модули ES6 в своем коде.

Вот мой файл main.js:

import * as _ from "lodash";

_.each([1, 2, 3, 4], (i) => {
    console.log('index each ' + i);
});

И я включил его в index.html как:

<script src="js/main.js", type="module"></script>

Но я получаю следующую ошибку в консоли браузера:

Uncaught TypeError: Не удалось разрешить спецификатор модуля "lodash".Относительные ссылки должны начинаться с "/", "./" или "../".

Примечание: Я не хочу использовать какой-либо инструмент связывания.

Answer 1

В конце концов, вы не можете использовать JS-модули в браузере.Эти модули предназначены для веб-пакетов или других пакетов.

Answer 2

Если вы не хотите использовать какие-либо инструменты связывания, вам нужно будет указать путь к папке lodash в node_modules относительно файла JavaScript, в котором находится оператор импорта.

Если вы не хотите использовать пакет, стоит также импортировать из определенного файла нужную вам функцию.Например:

import _each from '../node_modules/lodash/each'