microsoft / monaco-editor

A browser based code editor

Home Page:https://microsoft.github.io/monaco-editor/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug] Can't automatic init webworker

JingHai-Lingyun opened this issue · comments

Reproducible in vscode.dev or in VS Code Desktop?

  • Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

Monaco Editor Playground Link

Not applicable

Monaco Editor Playground Code

Not applicable

Reproduction Steps

  1. init a vue project (using npm create vue)
  2. intall monaco editor (using npm install monaco-editor@0.48.0)
  3. define a new theme, like:
monaco.editor.defineTheme("logThemeDark", {
        base: "vs-dark",
        inherit: true,
        rules: [],
        colors: {
            "editor.background": "#282C34",
            "editor.lineHighlightBackground": "#2C313C",
        },
    });
  1. init editor to a dom
  2. run server and open website
  3. check console in DevTools

Actual (Problematic) Behavior

warning in console:

  • chunk-KNE2EGB2.js?v=0f63c2c9:39565 Could not create web worker(s). Falling back to loading web worker code in main thread, which might cause UI freezes. Please see https://github.com/microsoft/monaco-editor#faq
  • chunk-KNE2EGB2.js?v=0f63c2c9:39567 You must define a function MonacoEnvironment.getWorkerUrl or MonacoEnvironment.getWorker

checked the faq, not opened with file:// (opened with http:// that served by vite)

(sorry for my poor english, i'm a chinese)

Expected Behavior

can create webworker successfully

Additional Context

platfrom:

  • Window 11 24H2

browser:

  • Chrome 124.0.6367.91 x64
  • Edge 124.0.2478.67 x64 stable app beta channel

npm packages:

test-project@0.0.0 D:\projects\PCL-Community\PCL2-LogViewer-TE\test-monacoEdtior
├── @vitejs/plugin-vue@4.6.2
├── monaco-editor@0.48.0
├── vite@5.2.10
└── vue@3.4.26