webpack项目运行报intermediate value不是函数错误加分号无效怎么办

1. 导出逻辑错误：你当前代码的最后一行export default makePage();是直接执行makePage函数后将返回值作为默认导出。由于makePage没有定义返回值，实际导出的是undefined。当你在index.js中导入该值并尝试作为函数调用时，自然会触发「不是函数」的类型错误。
2. 你看到的intermediate value类奇怪报错，是webpack打包多模块时，代码拼接阶段触发了JS自动分号插入(ASI)规则的异常，你单独给函数加局部分号没有命中问题位置，所以没有生效。

• 首先修正导出逻辑，改为导出函数本身而非执行结果：
  将文件最后一行

export default makePage();

修改为

export default makePage;

• 确认index.js中的导入调用逻辑正确，参考写法：

// 注意替换为你当前模块的实际路径
import makePage from './page.js';
// 主动调用函数完成页面渲染
makePage();

• 如果修改后仍存在打包后的分号异常，可以在整个文件末尾额外添加一个分号，避免多模块拼接时的ASI问题。

内容的提问来源于stack exchange，提问作者Sam Knight