导出默认 const 函数不起作用 - Javascript

在Javascript中，我们可以通过导出 default const 函数来将函数挂载到模块上并在其他文件中引用。然而，有时候这种方法并不起效，导入时会出现错误。

问题原因

默认情况下，Javascript只允许导出具名函数，而如果我们想要将一个匿名函数作为默认函数导出，在导入的时候就需要使用命名导入，否则会出现“未定义”的错误。

解决方案

要解决这个问题，我们可以通过三种方式之一来修复代码：

1. 将默认导出更改为具名导出

我们可以将匿名函数更改为具名函数，并将其作为常规函数进行导出，这样在引入时就可以使用常规的命名导入形式。示例如下：

export function foo() {
  console.log("hello world");
}

2. 将导入方式更改为命名导入

如果我们使用的是匿名函数的默认导出方式，我们要使用命名导入才可以正常地访问，示例如下：

import { default as myFunction } from './myFunction';

3. 将原始导出包装在新的默认函数中

我们也可以将原始导出包装在一个新的默认函数中，这样在导入时我们就可以使用默认导入了，示例如下：

const myFunction = () => {
  return require('./myFunction').default();
};

export default myFunction;

结论

在Javascript中导出默认 const 函数不起作用可能是由于我们在导入时没有使用命名导入的形式，或者是由于Javascript默认只允许导出具名函数，而我们尝试将匿名函数作为默认函数导出所导致的。为了解决这个问题，我们可以将默认导出更改为具名导出，或将导入方式更改为命名导入，或者将原始导出包装在新的默认函数中。