将模块中的函数绑定到onclick事件

我有一个包含以下脚本的html文件:

<script type="module" src="js/app.js"></script>

我把我的应用程序和其他逻辑放在一起。在这里面 app.js test() ;

function test() {
    console.log("aaa");
}

此函数在 onclick

buildSideBar(technologies) {
    if(technologies.length > 0) {
        let spans = ``;
        const loader = document.getElementById('loader');
        const sidebar = document.getElementById('sidebar');
        for(const technology of technologies) {
            spans += `<span onclick="test()">${technology}</span>`;
        }
        loader.style.height = '0';
        loader.style.visibility = 'hidden';
        sidebar.innerHTML += spans;
        sidebar.classList.remove('hidden');
    }
}

跨距是按预期添加的,但是,当我按下它们时,会出现错误:

未捕获引用错误:未定义测试

我做错什么了?