Редактор Монако в электронном виде с React

Предисловие

Я не веб-разработчик. Повторяю, Я не веб-разработчик. Я только начал погружаться в мир npm, JS, TS, React и т. д., Имея опыт работы с мобильными / настольными компьютерами. В знак признания этого, пожалуйста, преуменьшайте любые ответы в стиле Барни.

Синопсис

Я пытаюсь заставить Microsoft Редактор Монако работать в Электрон с Реагировать, используя Электронная кузница. Однако я не понимаю ошибку, которую получаю. Я читал кое-что о проблемах с нестандартными способами, которыми Microsoft выполняет некоторые функции загрузки AMD, с которыми у людей были проблемы в течение многих лет. Я не могу определить решение на основании моих выводов. ближайший SO сообщение, которое я нашел не имеет ответа. Я попробовал тот же процесс для Редактор Ace, и он работал отлично; однако я бы предпочел сильно использовать редактор Monaco в моем приложении, если это возможно.

Электрон + React + Монако

$ 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:

Uncaught Error: Cannot find module 'monaco-editor' at Module._resolveFilename (module.js:543:15) at Function.Module._resolveFilename (/Users/Zac/Dev/electron-monaco-test/node_modules/electron/dist/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) at require (internal/module.js:11:18) at Object. (/Users/Zac/Dev/electron-monaco-test/node_modules/react-monaco-editor/lib/editor.js:11:21) at Object. (/Users/Zac/Dev/electron-monaco-test/node_modules/react-monaco-editor/lib/editor.js:188:3) at Module._compile (module.js:642:30) at Object.require.extensions.(anonymous function) [as .js] (/Users/Zac/Dev/electron-monaco-test/node_modules/electron-compile/lib/require-hook.js:77:14) at Module.load (module.js:561:32)

Я также попытался добавить monaco-editor в качестве прямой зависимости проекта, но это тоже не сработало.

Электронный + React + Ace Editor

Когда я применяю тот же процесс к Ace Editor, он просто работает.

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

src / app.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

Есть предложения, как исправить настройку для Монако?