Improve monaco local loading priority to avoid edge timing issues

Author: 90135

frontend/src/App.tsx

@@ -60,28 +60,6 @@ const App: React.FC = () => {
         EventsEmit('app-ready')
     }, []);
 
-    // 为了让 monaco 从本地而不是 CDN 加载
-    const monacoInit = async () => {
-        const loader = await import("@monaco-editor/loader");
-        const monaco = await import("monaco-editor")
-        const editorWorker = await import("monaco-editor/esm/vs/editor/editor.worker?worker")
-        const jsonWorker = await import("monaco-editor/esm/vs/language/json/json.worker?worker")
-
-        self.MonacoEnvironment = {
-            getWorker(_, label) {
-                if (label === "json") {
-                    return new jsonWorker.default()
-                }
-                return new editorWorker.default()
-            }
-        }
-        loader.default.config({
-            monaco,
-        });
-    }
-
-    monacoInit().then(() => {
-    })
 
 
     return (

frontend/src/main.tsx frontend/src/Main.tsxfrontend/src/main.tsx renamed to frontend/src/Main.tsx

@@ -1,3 +1,4 @@
+import './utils/monacoSetup'
 import React from 'react'
 import {createRoot} from 'react-dom/client'
 import './style.css'

frontend/src/utils/monacoSetup.ts

@@ -0,0 +1,29 @@
+// Ensure Monaco loads locally instead of from a CDN
+// This module should be imported before any component that uses @monaco-editor/react
+
+import loader from '@monaco-editor/loader'
+import * as monaco from 'monaco-editor'
+
+// Import workers so Vite bundles them locally
+// Note: The "?worker" query tells Vite to create worker bundles
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
+
+// Provide MonacoEnvironment to use locally bundled workers
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(self as any).MonacoEnvironment = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  getWorker(_moduleId: string, label: string) {
+    if (label === 'json') {
+      return new (JsonWorker as unknown as { new (): Worker })()
+    }
+    return new (EditorWorker as unknown as { new (): Worker })()
+  },
+}
+
+// Configure the loader to use the already imported local monaco instance
+loader.config({ monaco })