Electron中使用Monaco-Editor遇到的一些问题
文章目录
前言
记录一下项目中使用Electron和Monaco-editor遇到的问题,那里有不对的地方,还请道友们指出,万分感谢~
一、引入monaco-editor问题?
一开始直接把web端的项目打包成Electron使用,运行时Monaco-editor加载不出来,会报错!报错内容Error: ENOENT: no such file or directory, open 'F:\code\irs-front\irs-front\https:\cdn.jsdelivr.net\npm\monaco-editor@0.43.0\min\vs\editor\editor.main.js'
,查了很多资料了解到,默认情况下,Monaco-editor的资源是从CDN上面下载下来的,而我们现在转成了Electron,Electron内部限制了,所以请求不下来资源,所以Monaco-editor显示不出来。大概是这个意思哈。
1.离线引入Monaco-editor
官网给出了解决办法 传送
npm i @monaco-editor/loader //安装此依赖(版本1.4.0)
在引入的Monaco-editor页面中
import loader from "@monaco-editor/loader";
const monacoInstance = require('monaco-editor/esm/vs/editor/editor.api');
loader.