web-dev-qa-db-fra.com

Importer à partir de node_modules non reconnu dans les modules es6 dans le navigateur

J'essaie d'utiliser lodash dans mon application Web. J'ai installé lodash en utilisant npm dans mon projet local.

Je prévois d'utiliser les modules ES6 dans mon code.

Voici mon fichier main.js:

import * as _ from "lodash";

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

Et je l'ai inclus dans index.html comme:

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

Mais j'obtiens l'erreur suivante dans la console du navigateur.

Erreur de type non détectée: échec de la résolution du spécificateur de module "lodash". Les références relatives doivent commencer par "/", "./" ou "../".

Remarque: Je ne souhaite utiliser aucun outil de regroupement.

javascriptlodashes6-modules
6
Royson

Finalement, vous ne pouvez pas utiliser des modules JS sur un navigateur comme celui-ci. Ces modules sont pour webpack ou autre bundler.

1
Tan

Essayez le module lodash-es

import each from '../node_modules/lodash-es/each.js'
1
Asler