带有 React 的 Electron 中的摩纳哥编辑器

Question

前言

我不是网络开发人员。我再说一遍，我不是 Web 开发人员。我刚刚开始进入 npm、JS、TS、React 等的世界，来自一个非常面向移动/桌面的背景。请以巴尼式的方式简化任何答案，以承认这一点。

概要

我试图让微软的摩纳哥编辑器在工作电子与做出反应，利用电子锻造。但是，我不明白我收到的错误。我已经阅读了一些关于 Microsoft 执行某些 AMD 加载问题的非标准方式的问题，人们多年来一直遇到问题。我无法根据我的发现确定解决方案。我找到的最接近的 SO 帖子没有答案。我为Ace Editor尝试了相同的过程，并且效果很好；但是，如果可能的话，我强烈希望在我的应用程序中使用 Monaco 编辑器。

---

电子 + 反应 + 摩纳哥

$ electron-forge init electron-monaco-test --template=react
$ cd electron-monaco-test
$ yarn add react-monaco-editor

然后我将src/app.jsx编辑为：

import React from 'react';
import MonacoEditor from 'react-monaco-editor';

export default class App extends React.Component {
  render() {
    return <MonacoEditor language='javascript' />;
  }
}

然后：

$ npm start

我收到以下错误引用module.js:545：

未捕获的错误：在 Module._resolveFilename (module.js:543:15) at Function.Module._resolveFilename (/Users/Zac/Dev/electron-monaco-test/node_modules/electron/dist/) 中找不到模块“monaco-editor” Electron.app/Contents/Resources/electron.asar/common/reset-search-paths.js:35:12) at Function.Module._load (module.js:473:25) at Module.require (module.js: 586:17) 在对象中的 require (internal/module.js:11:18)。(/Users/Zac/Dev/electron-monaco-test/node_modules/react-monaco-editor/lib/editor.js:11:21) 在 Object. (/Users/Zac/Dev/electron-monaco-test/node_modules/react-monaco-editor/lib/editor.js:188:3) 在 Object.require 的 Module._compile (module.js:642:30)。 extensions.(anonymous function) [as .js] (/Users/Zac/Dev/electron-monaco-test/node_modules/electron-compile/lib/require-hook.js:77:

我也尝试添加monaco-editor作为直接项目依赖项，但这也不起作用。

---

Electron + React + Ace 编辑器

当我将完全相同的过程应用于 Ace Editor 时，它就可以正常工作。

$ electron-forge init electron-ace-test --template=react
$ cd electron-ace-test
$ yarn add react-ace

源代码/应用程序.jsx：

import React from 'react';
import AceEditor from 'react-ace'

import 'brace/theme/github'
import 'brace/mode/javascript'

export default class App extends React.Component {
  render() {
    return (
      <AceEditor
        mode='javascript'
        theme='github' />
    );
  }
}

然后：

$ npm start

---

有关如何修复摩纳哥设置的任何建议？