Webpack：模块评估期间未定义的导入

2024-05-04 • 问答

我遇到了一个我无法解决的问题。想象我们有一个模块

export const Do = (arg) => arg + 1;

和另一个模块

import { Do } from './Do';

const foo = 5;
export const DoneFoo = Do(foo);

使用webpack时，发出的代码导致Do is not a function异常（导入的Do为undefined）。但是，如果我将代码更改为

import { Do } from './Do';

const foo = 5;
export const GetDoneFoo = () => Do(foo);

工作正常。似乎webpack在评估文件依赖之前先对模块进行排序，先评估文件。

此示例已简化。此问题仅在单个大工作区中发生，并且仅适用于某些模块。我的假设是依赖关系图有些破损，但是，我不知道如何成功调试它并解决导致该问题的原因。

该捆绑包作为库输出，并在Web浏览器（window.libraryName）中使用。