相关疑难解决方法(0)

当浏览器现在支持原生 ESM 时，为什么开发人员仍然需要使用 rollup 和 webpack 等模块捆绑器

我正在尝试在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>

但是我在浏览器控制台中收到以下错误。

未捕获的TypeError：无法解析模块说明符“ lodash”。相对引用必须以“ /”、“./”或“ ../”开头。

注意：我不希望使用任何捆绑工具。