javascript - 从浏览器的 es6 模块中无法识别的 node_modules 导入

Question

我正在尝试在我的网络应用程序中使用 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: Failed to resolve module specifier "lodash". Relative references must start with either "/", "./", or "../".

注意:我不想使用任何捆绑工具。

Answer 1

如果您不想使用任何捆绑工具，您需要在 node_modules 中提供一个指向 lodash 文件夹的路径，该路径相对于您在其中包含 import 语句的 JavaScript 文件。

如果您不想使用 bundler ，也可以从特定文件中导入您需要的功能。例如:

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