3

我已经安装了 monaco-editor 使用

npm install monaco-editor

现在我想在我的 js 文件中要求

所以我试图要求使用

var monaco = require('monaco-editor');

但它给了我找不到模块的错误。

我做错了吗？

4

2 回答 2

3

他们刚刚发布了与 webpack 等兼容的 ESM 发行版。在此处查看文档。

还有很多将 monaco 与webpack、parcel等一起使用的示例。看到所有。

于 2018-03-25T21:00:44.183 回答
3

Monaco-editor 使用自定义的 AMD 样式模块加载器。loader.js 将导致全局要求设置为 Monaco-editor 的加载器。

示例GitHub 有许多在不同上下文中使用编辑器的示例。

在 Eectorn 示例 index.html 中查看他们如何解决您的问题。在持久化 Monaco-editor 自定义加载器后，您将像在大多数示例中一样使用它。它是 AMD 风格的加载器，因此语法与 node 不同var me = require('monaco')。我不确定是否可以使用类似节点加载器，但是在加载 loader.js 并将 require 持久化到诸如 amdRequire 之类的变量之后，您将使用如下：

amdRequire(['vs/editor/editor.main'], function () 
{ 
    // your code using monaco ns here
    monaco.editor.create( document.getElementById('elementId'), {} );
})
于 2017-11-28T23:18:27.200 回答