未捕获的 TypeError: (0 , _module) 不是函数

Question

我正在使用 parcel，并且正在尝试使用 ES6 导入和导出语法。 Parcel 似乎在地下运行 babel，我对它很陌生。当 openimn 将 index.html 放在“dist”文件夹中时，它无法很好地呈现并在控制台中显示此错误：“Uncaught TypeError: (0, _module.importedHi) is not a function”

这是导出 JS 文件中的代码：

export const importedHi = document.write("Hello world")

这是 main.js 的代码：

import {importedHi} from "./module1";

importedHi()

这是我在 index.html 中使用的脚本

<script src="js/main.js"></script>

我必须进行哪些配置才能使其正常工作？

Answer 1

document.write 返回undefined，所以importedHi 是undefined，importedHi() 抛出错误。您可能想导出一个调用document.write 的函数，例如：

export const importedHi = () => document.write("Hello world");

不过，如果您可以使用模块和捆绑程序，您可能应该使用更现代的方法来操作 DOM，例如 createElement / appendChild 等，也许是类似

export const importedHi = () => {
  document.body.appendChild(document.createTextNode('Hello world'));
};