问题描述
我正在尝试将https://github.com/CoderLine/alphaTab集成到我的Rails 6应用程序中，但是我遇到了一个问题。
AlphaTab启动一个无法访问DOM（document）的工作程序–这意味着我需要创建两个不同的包（？）–一个包本身包含AlphaTab脚本，另一个包中包含我的应用程序其余部分（{{1）}。
目前，我的application.js中包含以下内容：
app/javascript/packs/application.js运行此import SoundFont from '@coderline/alphatab/dist/soundfont/sonivox.sf2'
const AlphaTab = require('@coderline/alphatab/dist/alphaTab.js');
const main = document.querySelector(".at-main");
const api = new AlphaTab.AlphaTabApi(main,{
scriptFile: AlphaTab,player: {
soundFont: SoundFont
}
});
最终是player.soundFont文件的路径（就像我期望的那样），但是.sf2最终成为对象，浏览器会产生以下错误：>
scriptFile如何正确引用alpha选项卡脚本的路径，以便我的Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The URL '[object Object]' is invalid.
at blob:http://localhost:3000/aaa2a786-819b-42f0-9f96-2eb4557ed6b6:1:1
可以将其作为单独的包（？，chunk？等）加载。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）