fix: use Tone.js global object from CDN instead of ES module import
- Remove ES module import statement from dashboard.js - Use global Tone object loaded via CDN - Remove type=module from script tag - Fixes module resolution error
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
import * as Tone from 'tone';
|
// Tone.js loaded via CDN as global object
|
||||||
|
|
||||||
const bootstrapData = JSON.parse(document.getElementById('__DASHBOARD_DATA__')?.textContent || '{}');
|
const bootstrapData = JSON.parse(document.getElementById('__DASHBOARD_DATA__')?.textContent || '{}');
|
||||||
const state = {
|
const state = {
|
||||||
socket: null,
|
socket: null,
|
||||||
|
|||||||
@@ -212,7 +212,7 @@ export function renderDashboardPage(props: DashboardProps): string {
|
|||||||
<body>
|
<body>
|
||||||
<div id="root">${app}</div>
|
<div id="root">${app}</div>
|
||||||
<script id="__DASHBOARD_DATA__" type="application/json">${bootstrap}</script>
|
<script id="__DASHBOARD_DATA__" type="application/json">${bootstrap}</script>
|
||||||
<script type="module" src="/dashboard.js"></script>
|
<script src="/dashboard.js" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>`;
|
</html>`;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user