首页 > 解决方案 > ngx-monaco-editor:无法从 node_modules 找到 loader.js 文件

问题描述

我想在我的项目中包含 ngx-monaco-editor 以在前端创建一个类似计算器的屏幕,该屏幕显示用户单击相应按钮时输入的文本。

我已经安装了 ngx-monaco-editor(版本 6.0.0)。

依赖项已包含在 app.module.ts 中,我已将 glub 添加到 angular.json 文件中的资产中。

app.component.hlml :

<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code"></ngx-monaco-editor>

app.component.ts :

editorOptions = {theme: 'vs-dark', language: 'javascript'};
code: string= 'function x() {\nconsole.log("Hello world!");\n}';

编辑器没有被渲染。相反,我收到一个错误,即找不到我的 loader.js 文件。

http://localhost:4200/assets/monaco/vs/loader.js net::ERR_ABORTED 404(未找到)@base-editor.js:65

loader.js 文件位于 node_modules/ngx-monaco-editor/assets/monaco/vs/loader.js ,我可以导航到它。

错误发生在 base-editor.js,第 65 行。此文件的位置是 node_modules/ngx-monaco-editor/base-editor.js

标签: javascriptangularangular6monaco-editor

解决方案


10.0.0 中没有资产文件夹,但在 9.0.0 版本中有我使用它并且它有效。


推荐阅读