web-dev-qa-db-ja.com

ブラウザのes6モジュールで認識されないnode_modulesからのインポート

Webアプリケーションでlodashを使用しようとしています。ローカルプロジェクトにnpmを使用してlodashをインストールしました。

コードで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」の解決に失敗しました。相対参照は、「/」、「./」、または「../」のいずれかで始まる必要があります。

注：バンドルツールを使用したくありません。

javascriptlodashes6-modules
6
Royson

最終的には、そのようなブラウザでJSモジュールを使用することはできません。これらのモジュールは、webpackまたはその他のバンドラー用です。

1
Tan

Lodash-esモジュールを試す

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