Question

我正在使用包裹，并且正在尝试使用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>

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

Answer 1

document.write返回undefined，因此importedHi为undefined，并且importedHi()引发错误。您可能想导出一个调用document.write的 function ，例如：

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

不过，如果您可以使用模块和捆绑器，则应该使用更现代的DOM操作方法，例如createElement / appendChild等，也许像

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

未捕获的TypeError：（0，_module）不是函数

1 个答案: