时间戳

首页 > 解决方案 > 无法从模块中引用 javascript 函数

javascript - 无法从模块中引用 javascript 函数

问题描述

我有一个简单的 html 页面，它引用了一个 javascript 模块：

<head>
    <script type="module" src="mymodule.js"></script>
</head>

<body onload="doStuff()">
    . . .

javascript 文件如下所示：

export function doStuff() {
    console.log('test');

但是，当我运行它时，我得到了错误：

columns.html:8 Uncaught TypeError: doStuff is not a function
    at onload (myPage.html:8)

如果我将 HTML 更改为：

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

然后它起作用了；但是，这不允许我从 mymodule.js 引用第二个 javascript 库。我的问题是，为什么当它被引用为模块时找不到函数？

标签： javascripthtml

解决方案

<script>
  import { doStuff } from 'mymodule.js';
</script>
<body onload="doStuff()">
....
</body>

推荐阅读