[Bug] Instructions for integrating with Vite don't work · Microsoft/monaco-editor#4045

(7 留言) (11 反應) (0 負責人)JavaScript (14,836 star) (1,283 fork)batch import

bughelp wantedintegration

描述

Reproducible in vscode.dev or in VS Code Desktop?

Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

Not reproducible in the monaco editor playground

Monaco Editor Playground Link

No response

Monaco Editor Playground Code

No response

Reproduction Steps

Copy-paste the code from here: https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md#using-vite

Actual (Problematic) Behavior

These warnings appear in the browser console:

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
self.MonacoEnvironment.getWorkerUrl is not a function

Expected Behavior

Code should work.

Additional Context

The warnings make perfect sense to me - the code snippet from the instructions doc doesn't define getWorkerUrl, so how is this expected to work?

Using monaco-editor version 0.28.1. Also tried version 0.36.1 with the same result.

貢獻者指南

技術棧: javascriptvite
領域: frontenddocumentation
議題類型: bug
難度: 2
預計時間: under 1 hour
活動狀態: active
清晰度: clear
前置要求: Markdown editingMonaco Editor worker concept
新手友善度: 80
研究方向: Investigate the file docs/integrate esm.md, specifically the Vite integration code snippet. Determine the correct way to set up worker loader for Vite by reviewing Monaco's FAQ and other bundler examples in the same file. The fix likely involves adding a getWorkerUrl implementation or using the MonacoEnvironment global. Also check the issue comments for any suggested solutions from maintainers or other users.