ESLint 报错：Export 'default' is not defined 解决方案-JavaScript中文网-JavaScript教程资源分享门户

什么是 ESLint

ESLint 是一个静态代码分析工具，它可以检查 JavaScript 代码的语法错误、潜在的问题和风格问题。它是一个开源的工具，可以轻松安装和配置，是前端工程师必不可少的工具之一。

问题描述

当我们通过 ESLint 检查代码时，可能会遇到以下报错：

Export 'default' is not defined.

报错原因

这个报错通常是由于以下情况引起的：

使用了 ES6 的模块系统，但是代码中缺少了 export default 导出语句。
在导入模块时，使用了错误的语法。

解决方案

情况一：使用了 ES6 的模块系统，但代码中缺少了 `export default` 导出语句

在 JavaScript 中，我们可以使用 export default 导出一个模块对象。如果没有正确地使用 export default，那么导入这个模块的代码就会出现问题。比如，在下面的代码中，我们没有使用 export default 导出 sum 函数：

// math.js
function sum(a, b) {
  return a + b;
}

使用以下代码去导入这个模块的话，就会报出 Export 'default' is not defined 的错误：

// app.js
import {sum} from './math';

要解决这个问题，我们需要在 math.js 文件中使用 export default 导出 sum 函数：

// math.js
export default function sum(a, b) {
  return a + b;
}

然后，我们就可以使用以下代码去导入模块了：

// app.js
import sum from './math';

情况二：在导入模块时，使用了错误的语法

在使用 import 语法时，有一些常见的错误使用方法：

使用括号给模块的路径加上了引号。正确的语法是：import sum from './math';，错误的语法是：import sum from ('./math');
忘记了使用关键字 import。正确的语法是：import sum from './math';，错误的语法是：sum from './math';

因此，我们需要仔细检查代码中导入模块的语法是否正确。

总结

ESLint 报错 Export 'default' is not defined 并不是一个很常见的错误，但是我们也需要在开发过程中注意它。通常，出现这个错误是因为我们的代码中使用了 ES6 的模块系统，但是没有正确地使用 export default 导出语句。我们只需要在需要导出的模块中添加 export default 导出语句即可。

如果还是无法解决问题，那么我们需要仔细检查代码中的导入和导出语句，保证它们的语法正确。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654c65087d4982a6eb5ee6cb

ESLint 报错：Export 'default' is not defined 解决方案