在公众号页面上配置小程序跳转一直点击没有反应,有没有大佬帮忙看看哪里出现了问题?

<div>
    <wx-open-launch-weapp
            id="launch-btn"
            appid="wxde8ac0a21135c07d"
            username="gh_870576f3c6f9">
        <button class="btn">美团在线点外卖</button>
        <script type="text/wxtag-template">
            <style>.btn { padding: 12px }</style>
            <button class="btn">打开小程序</button>
        </script>
    </wx-open-launch-weapp>
</div>
<script>
// 小程序跳转
var btn = document.getElementById('launch-btn');
btn.addEventListener('launch', function (e) {
    console.log('success');
});
btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
});
</script>

https://developers.weixin.qq.com/doc/oplatform/Mobile_App/FAQ/Required_Developer_Knowledge.html