vite项目引入monaco-editor

qq_35735154

已于 2024-03-23 22:12:53 修改

阅读量567

点赞数 6

分类专栏：前端文章标签： vue

于 2024-03-15 16:59:02 首次发布

本文链接：https://blog.csdn.net/qq_35735154/article/details/136744578

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

按https://github.com/microsoft/monaco-editor/blob/HEAD/docs/integrate-esm.md报错：Unexpected usage at EditorSimpleWorker.loadForeignModule，发现上面文档是2年前的，根据资料将上面文档中的代码改为如下：

import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'
import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'

self.MonacoEnvironment = {
	getWorker: function (workerId, label) {
		switch (label) {
			case 'json':
				return new jsonWorker();
			case 'css':
			case 'scss':
			case 'less':
				return new cssWorker();
			case 'html':
			case 'handlebars':
			case 'razor':
				return new htmlWorker();
			case 'typescript':
			case 'javascript':
				return new tsWorker();
			default:
				return new editorWorker();
		}
	}
};