Angular 6+无法在ngx-monaco-editor上运行。
创始人
2024-10-16 04:30:10
0

要解决“Angular 6+无法在ngx-monaco-editor上运行”的问题,您可以尝试以下步骤:

  1. 确保已正确安装ngx-monaco-editor和monaco-editor库。可以通过运行以下命令来安装ngx-monaco-editor:
npm install ngx-monaco-editor monaco-editor
  1. 在你的Angular项目的tsconfig.json文件中,确保以下配置已启用:
{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true
  }
}
  1. 确保在你的Angular项目的polyfills.ts文件中已导入monaco-editor的相关样式和脚本。在polyfills.ts文件中添加以下代码:
import 'monaco-editor/esm/vs/editor/browser/controller/coreCommands.js';
import 'monaco-editor/esm/vs/editor/browser/widget/codeEditorWidget.js';
import 'monaco-editor/esm/vs/editor/browser/widget/diffEditorWidget.js';
import 'monaco-editor/esm/vs/editor/browser/widget/diffNavigator.js';
import 'monaco-editor/esm/vs/editor/contrib/accessibility/accessibility.js';
import 'monaco-editor/esm/vs/editor/contrib/anchorSelect/anchorSelect.js';
import 'monaco-editor/esm/vs/editor/contrib/bracketMatching/bracketMatching.js';
import 'monaco-editor/esm/vs/editor/contrib/caretOperations/caretOperations.js';
import 'monaco-editor/esm/vs/editor/contrib/caretOperations/transpose.js';
import 'monaco-editor/esm/vs/editor/contrib/clipboard/clipboard.js';
import 'monaco-editor/esm/vs/editor/contrib/codeAction/codeActionContributions.js';
import 'monaco-editor/esm/vs/editor/contrib/comment/comment.js';
import 'monaco-editor/esm/vs/editor/contrib/contextmenu/contextmenu.js';
import 'monaco-editor/esm/vs/editor/contrib/cursorUndo/cursorUndo.js';
import 'monaco-editor/esm/vs/editor/contrib/dnd/dnd.js';
import 'monaco-editor/esm/vs/editor/contrib/documentSymbols/documentSymbols.js';
import 'monaco-editor/esm/vs/editor/contrib/emptySelectionClipboard/emptySelectionClipboard.js';
import 'monaco-editor/esm/vs/editor/contrib/folding/folding.js';
import 'monaco-editor/esm/vs/editor/contrib/fontZoom/fontZoom.js';
import 'monaco-editor/esm/vs/editor/contrib/format/formatActions.js';
import 'monaco-editor/esm/vs/editor/contrib/gotoError/gotoError.js';
import 'monaco-editor/esm/vs/editor/contrib/gotoSymbol/goToCommands.js';
import 'monaco-editor/esm/vs/editor/contrib/gotoSymbol/link/goToDefinitionAtPosition.js';
import 'monaco-editor/esm/vs/editor/contrib/hover/hover.js';
import 'monaco-editor/esm/vs/editor/contrib/inPlaceReplace/inPlaceReplace.js';
import 'monaco-editor/esm/vs/editor/contrib/indentation/indentation.js';
import 'monaco-editor/esm/vs/editor/contrib/inlineHints/inlineHintsController.js';
import 'monaco-editor/esm/vs/editor/contrib/linesOperations/linesOperations.js';
import 'monaco-editor/esm/vs/editor/contrib/linkedEditing/linkedEditing.js';
import 'monaco-editor/esm/vs/editor/contrib/links/links.js';
import 'monaco-editor/esm/vs/editor/contrib/multicursor/multicursor.js';
import 'monaco-editor/esm/vs/editor/contrib/parameterHints/parameterHints.js';
import 'monaco-editor/esm/vs/editor/contrib/quickFix/quickFixCommands.js';
import 'monaco-editor/esm/vs/editor/contrib/rename/onTypeRename.js';
import 'monaco-editor/esm/vs/editor/contrib/smartSelect/smartSelect.js';
import 'monaco-editor/esm/vs/editor/contrib/snippet/snippetController2.js';
import 'monaco-editor/esm/vs/editor/contrib/suggest/suggestController.js';
import 'monaco-editor/esm/vs/editor/contrib/toggleTabFocusMode/toggleTabFocusMode.js';
import 'monaco-editor/esm/vs/editor/contrib/unusualLineTerminators/unusualLineTerminators.js';
import 'monaco-editor/esm/vs/editor/contrib/viewportSemanticTokens/viewportSemanticTokens.js';
import 'monaco-editor/esm/vs/editor/contrib/wordHighlighter/wordHighlighter.js';
import 'monaco-editor/esm/vs/editor/contrib/wordOperations/

相关内容

热门资讯

第二分钟辅助!wepoker好... 第二分钟辅助!wepoker好友助力码,wepoker透视辅助下载,指引教程(有挂助手)1、wepo...
六分钟辅助!wpk模拟器,hh... 六分钟辅助!wpk模拟器,hhpoker的辅助是真的吗,策略教程(新版有挂)1、hhpoker的辅助...
9分钟辅助!微扑克微乐辅助,w... 9分钟辅助!微扑克微乐辅助,wepoker私人局辅助器怎么用,指引教程(有挂方略)1、用户打开应用后...
第1分钟辅助!wepoker免... 第1分钟辅助!wepoker免费脚本咨询,hhpoker有没有作弊挂,举措教程(有挂实锤)1、起透看...
第十分钟辅助!cloudpok... 第十分钟辅助!cloudpoker作弊,wepoker模拟器哪个好用,大纲教程(了解有挂)1.wep...
第5分钟辅助!fishpoke... 第5分钟辅助!fishpoker透视,epoker透视,妙招教程(真是有挂)1、金币登录送、破产送、...
第九分钟辅助!wpk有那种辅助... 第九分钟辅助!wpk有那种辅助吗,wepoker私人局规律,窍门教程(有挂教学)亲,关键说明,wep...
第2分钟辅助!wepoker私... 第2分钟辅助!wepoker私人局辅助,wepoker作弊视频,举措教程(有挂技巧)1、第2分钟辅助...
第6分钟辅助!德普之星辅助器,... 第6分钟辅助!德普之星辅助器,德州透视插件,资料教程(有挂总结)1、在德普之星辅助器插件功能辅助器技...
第二分钟辅助!wepoker免... 第二分钟辅助!wepoker免费透视,wepoker免费透视,举措教程(有挂解密)1、许多玩家不知道...