Cannot read properties of null (reading 'compileAG')

[feri-irawan]

Error when using shikiToMonaco() in index.html

import { getHighlighter } from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'
import { shikiToMonaco } from 'https://cdn.jsdelivr.net/npm/@shikijs/[email protected]/+esm'
require.config({
  paths: {
    vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.49.0/min/vs',
  },
})

require(['vs/editor/editor.main'], async () => {
    // Setup highlighter
    const highlighter = await getHighlighter({
      themes: ['vitesse-dark', 'vitesse-light'],
      langs: ['javascript', 'typescript'],
    })

    // Register langs
    monaco.languages.register({ id: 'typescript' })
    monaco.languages.register({ id: 'javascript' })

    shikiToMonaco(highlighter, monaco)

    // Setup editor
    const editor = monaco.editor.create(document.getElementById('editor'), {
      value: 'const a = 1',
      language: 'javascript',
      theme: 'vitesse-dark',
    })
    editor.focus()
})

Error:

errors.ts:26 Uncaught Error: Cannot read properties of null (reading 'compileAG')

TypeError: Cannot read properties of null (reading 'compileAG')
    at Ct (textmate.mjs:2107:30)
    at textmate.mjs:2054:42
    at textmate.mjs:2027:25
    at p (textmate.mjs:1882:19)
    at kt (textmate.mjs:1878:9)
    at Lt._tokenize (textmate.mjs:2398:19)
    at Lt.tokenizeLine2 (textmate.mjs:2361:24)
    at Object.tokenize (index.mjs:80:34)
    at g.tokenizeEncoded (standaloneLanguages.ts:240:37)
    at u (textModelTokens.ts:403:28)
    at errors.ts:26:12

[JiuRanYa]

I got same error when using sql type, but other type is worked.

[MangMax]

I got the same error when using xml

[MangMax]

shiki/packages/monaco/src/index.ts

Line 58 in 933415c

highlighter: ShikiInternal<any, any>,

And there is a mismatch between the type of the highlighter parameter and the type returned by getHighlighter