Javascript iOS safari上带有模板字符串文字的SyntaxError

我对模板字符串文本有问题。该代码在Chrome、Firefox和Edge上运行完美，但在Safari上无法执行

这是我用来插入外部HTML模板的插入字符串扩展名

这是babel编译的代码，无法正确执行

在Safari浏览器上是否有可以解决此错误的工作多边形填充？或者重写此插值字符串扩展以使用普通的旧字符串文字？

解决了这个问题

显然，当使用html加载程序从html模板导入时，胖箭头函数song=>{…}没有被传输。将其更改为良好的旧函数（song）{return…}样式语法，它可以正常工作。丑陋但有效。希望找到一种从html模板传输es6的方法

<!--${songs.map(song => `-->
${songs.map(function(song) { return `
<div data-menuanchor="${song.anchor}" class="node song">
    <div class="label">${song.number}</div>
    <div class="timer"></div>
    <div class="line">
        <div class="lineProgress"></div>
        <div class="lineDefault"></div>
    </div>
    <a href="#${song.anchor}" class="link">
        <div class="linkDefault"></div>
        <div class="linkHover"></div>
        <div class="linkBass rythm-medium"></div>
    </a>
    <div class="actions">
        <div class="playBtn"><i class="icon bg-play"></i></div>
        <div class="pauseBtn"><i class="icon bg-pause"></i></div>
    </div>
</div>
`}).join('')}
<!--`).join('')}-->

${songs.map（函数（歌曲）{return`
${song.number}
`}).join（“”）}