当"type= "module" ""或导入时函数不起作用

Question

import testBtn from '/functions.js'

window.onload = function() {
document.getElementById('questions1').style.display = 'block'
document.getElementById('questions2').style.display = 'none'
document.getElementById('questions3').style.display = 'none'
document.getElementById('questions4').style.display = 'none'
document.getElementById('questions5').style.display = 'none'
}
function nextQuestion() {
testBtn("hello")
}

当我尝试导入或将脚本类型更改为type="module"时，所有函数都不起作用。当所有函数都没有导入或脚本类型更改时，函数起作用，并且我收到以下错误-Uncaught ReferenceError: nextQuestion is not defined at HTMLButtonElement.onclick

Answer 1

ECMAScript模块不使用全局作用域，因此HTML元素上的onclick="nextQuestion"属性将无法找到nextQuestion，因为它不在全局作用域中，而是在模块作用域中(与type="module"一起使用时(。要解决此问题，请将nextQuestion函数放入全局范围：

window.nextQuestion = function() {
testBtn("hello")
}