随着前端技术的不断发展，前端项目越来越大，为了代码复用、可维护性方面的考虑，模块化已经成为了前端开发的一种标配。ES6 的模块化方案为我们提供了很多便利，但是在 ES9 中，模块调用时出现了一些问题，本文将为大家介绍如何解决 ES9 中的模块调用问题。
问题描述
ES6 引入了模块化标准，在模块导入时可以使用 import 关键字，但是在 ES9 中，对于某些模块，我们会遇到以下问题：
import foo from 'foo.js';
运行时会报错：
Uncaught TypeError: Failed to resolve module specifier "foo.js". Relative references must start with either "/", "./", or "../".
这是由于 ES9 中对于模块引用的路径做了更加明确的规范，规定了引用路径必须以 /，./ 或 ../ 开头，否则会报错。
解决方案
在 ES9 中，为了解决模块调用问题，我们需要安装一个包叫 esm，它是一个实现了标准模块加载器的解释器，支持 ES6 模块化语法。
首先，我们需要安装 esm：
npm install esm
安装完成后，我们需要使用 esm 解析模块，需要在执行 JavaScript 代码时，在 node 命令后添加 --require esm 参数，这样 esm 就可以在我们的代码中解析规范的模块引用。
例如，在使用 import foo from 'foo.js' 时，我们可以这样调用：
node --require esm index.js
其中 index.js 是我们的入口文件，这样就可以解析模块调用了。
示例代码
下面我们来看一段示例代码：
// greeter.js
export default {
greet(name) {
console.log(`Hello, ${name}!`);
}
};// index.js
import Greeter from './greeter';
Greeter.greet('World');在使用 node index.js 执行代码时会出现报错：
Uncaught TypeError: Failed to resolve module specifier "./greeter". Relative references must start with either "/", "./", or "../".
接下来，我们安装 esm：
npm install esm
在执行代码时添加 --require esm 参数：
node --require esm index.js
这样我们就成功解决了调用模块的问题。
总结
ES9 在模块调用时出现了一些问题，但是我们可以通过安装 esm 包解决这一问题。本文为大家介绍了如何安装 esm 包并使用，希望能够帮助大家更好地了解 ES9 中的模块化方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b79bc9add4f0e0ff028a3d