art*_*boy 4 javascript ecmascript-6
我正在尝试谷歌浏览器中的ES6模块。我想在单击按钮时启动alert（）（在导入的函数中）。
js / notification.js加载良好，但是当我单击按钮时出现错误：
未捕获的ReferenceError：在HTMLButtonElement.onclick（（index :: 24）<-index.html中按钮的行
index.html
<head>
<script type="module" src="js/main.js"></script>
</head>
<body>
<section id="container">
<button type="error" onclick="createNotification()">Create</button>
</section>
</body>
js / main.js
import {createNotification} from './notification.js';
js / notification.js
export function createNotification(type){
alert();
}
onxyz-attribute样式的处理程序中使用的函数必须是全局变量（这是不使用它们的众多原因之一）。您的函数不是全局函数，对于要在其中导入模块而言是局部函数。（请记住：您的主脚本也是模块；如果不是，则不能import在其中使用。）
您可以通过分配window属性来使其成为全局变量：
window.createNotification = createNotification;
但它会多更好地使用现代的事件处理：
document.querySelector("#container button").addEventListener("click", createNotification);
在plnkr上的实时示例显然只能在支持模块的尖端浏览器上使用。
旁注：正如Andreas指出，type="error"不适用于button元素。有效类型为button，submit或reset，submit并且为默认类型。（我将其更改button为plnkr。）