javascript - 未捕获的TypeError:(0，_module)不是函数

我正在使用包裹，并且正在尝试使用ES6导入和导出语法。包裹似乎在地下运行通天塔，我对此很陌生。当openimn将index.html放置在“ dist”文件夹上时，它不能很好地呈现并在控制台中显示此错误：“ Uncaught TypeError：（0，_module.importedHi）不是一个函数”

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

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

这是main.js的代码：

import {importedHi} from "./module1";

importedHi()

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

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

我必须配置什么才能使其正常工作？

最佳答案

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'));
};