Uncaught SyntaxError: Unexpected token '{' at CanvasView.ts:590:12

that's interesting: defining a separate function

function script () { console.log('Hi!'); runScript.call(this) }

and defining the component type as described in the docs

      Editor.DomComponents.addType('HTMLView',{
        model: {
          defaults: {
             script,
            ...

works as designed.

But it still sounds strange, that an inline function produces a syntax error in the exported HTML...

@rozek good catch, will fix for the next release

Thanks for reporting this, @rozek.

The issue with Uncaught SyntaxError: Unexpected token '{' at CanvasView.ts:590:12 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state.

What to try:

1. Add a setTimeout wrapper to ensure the DOM has settled:

setTimeout(() => {
  // your operation here
}, 0);

2. Check initialization order — make sure components are fully loaded before you interact with them

3. Use the editor's event system — listen to completion events:

editor.on('component:mount', (component) => {
  // safe to interact with component here
});

Recommended next steps:

• Test with the latest GrapesJS version if you haven't
• Provide a minimal reproducible example (CodeSandbox) — this helps the team identify the root cause faster
• Include GrapesJS version, browser, and console errors in your report