Javascript 电子与化学反应 前言

我不是一个网络开发者。我重复一遍，我不是一个网络开发者。我刚刚开始进入npm、JS、TS、React等的世界，它们来自一个非常面向移动/桌面的背景。请不要回答巴尼式的问题，承认这一点

提要 我正试图让微软的工作与，使用。然而，我不明白我收到的错误。我读过一些关于微软在AMD加载方面的非标准方式的文章，这是人们多年来一直存在的问题。根据我的发现，我无法确定解决方案。这个问题没有答案。我尝试了同样的过程，但效果很好；但是，如果可能的话，我强烈希望在我的应用程序中使用摩纳哥编辑器

---

电子+反应+摩纳哥 然后，我将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' />;
  }
}

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

未捕获错误：找不到模块“编辑器” at Module.\u解析文件名（Module.js:543:15） 在Function.Module.\u resolveFilename（/Users/Zac/Dev/electron/test/node\u modules/electron/dist/electron.app/Contents/Resources/electron.asar/common/reset search path.js:35:12） 在Function.Module.\u加载（Module.js:473:25） at Module.require（Module.js:586:17） 根据需要（内部/module.js:11:18） 反对。（/Users/Zac/Dev/electron-monaco-test/node_-modules/react-monaco-editor/lib/editor.js:11:21） 反对。（/Users/Zac/Dev/electron-monaco-test/node_-modules/react-monaco-editor/lib/editor.js:188:3） 在模块处编译（Module.js:642:30） at Object.require.extensions.（匿名函数）[as.js]（/Users/Zac/Dev/electron/test/node_modules/electron compile/lib/require hook.js:77:14） 在Module.load（Module.js:561:32）

我还尝试添加

monaco编辑器

，作为直接的项目依赖项，但这也不起作用

---

电子+反应+Ace编辑器 当我将完全相同的过程应用到Ace编辑器时，它就工作了

$ 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' />
    );
  }
}

---

---

关于如何修复摩纳哥的设置有什么建议吗？

乍一看，似乎

react Monaco editor

希望与webpack一起使用。您还需要帮助吗？

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

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