Javascript 摩纳哥编辑赢得'；在react应用程序中不显示

我开始使用react编辑器库是因为我想在我的web react应用程序中添加一个很酷的json编辑器

我遵循github上的说明：

但我似乎遗漏了一些可能在文档中没有共享的内容，用于网页设置。使用文档中的网页设置说明后，导入库并添加行：

从“编辑器”导入MonacoEditor；
类编辑器扩展了React.Component{
EditordMount（摩纳哥编辑）{
log（'editorddmount'，editor）；
editor.focus（）；
}
render（）{
常量选项={
SelectOnlineNumber:true
};
返回(
);
}
}

我遇到了同样的问题。解决方案是将Webpack配置为从npm模块内部复制

vs

文件夹，或使用

require.config

。另一种方法是手动将其放入公用文件夹。我不确定这是否是正确的方法，但在我的情况下，这种解决方法非常有效。

我也遇到了同样的问题。解决方案是将Webpack配置为从npm模块内部复制

vs

文件夹，或使用

require.config

。另一种方法是手动将其放入公用文件夹。我不确定这是否是正确的方法，但在我的情况下，此解决方案非常完美。

以下是我的require part示例：

render() {
  const requireConfig = {
    url: 'node_modules/monaco-editor/min/vs/loader.js',
    paths: {
      vs: 'node_modules/monaco-editor/min/vs'
    }
  };

  return (
    <MonacoEditor
      ...
      requireConfig={requireConfig}
    />
  );
}

render（）{
常数要求图={
url:'node_modules/monaco editor/min/vs/loader.js'，
路径：{
vs:'节点\模块/MONACOA编辑器/min/vs'
}
};
返回(
);
}

以下是我所需零件的示例：

render() {
  const requireConfig = {
    url: 'node_modules/monaco-editor/min/vs/loader.js',
    paths: {
      vs: 'node_modules/monaco-editor/min/vs'
    }
  };

  return (
    <MonacoEditor
      ...
      requireConfig={requireConfig}
    />
  );
}

render（）{
常数要求图={
url:'node_modules/monaco editor/min/vs/loader.js'，
路径：{
vs:'节点\模块/MONACOA编辑器/min/vs'
}
};
返回(
);
}

我是否应该在网页包配置中设置任何其他设置？CopyWebpackPlugin对我没有帮助。我有一个错误上下文。require不是一个函数。现在，

编辑器

似乎不需要任何特殊的网页配置。至少对于CRA来说，它只是在通过

npm

@AndrewTatomyr安装后开箱即用。它是否也能与错误突出显示一起工作？我发现它在大多数情况下都有效，但我仍然无法获得错误突出显示，我正在尝试添加网页plugin@AKrush95老实说，我不太记得了。请查看此处的讨论：Henrik Haugbølle的“通过创建React应用程序使用摩纳哥的简短指南”，您还可以查看启用突出显示的工作示例：我是否应该在webpack配置中设置任何其他设置？CopyWebpackPlugin对我没有帮助。我有一个错误上下文。require不是一个函数。现在，

编辑器

似乎不需要任何特殊的网页配置。至少对于CRA来说，它只是在通过

npm

@AndrewTatomyr安装后开箱即用。它是否也能与错误突出显示一起工作？我发现它在大多数情况下都有效，但我仍然无法获得错误突出显示，我正在尝试添加网页plugin@AKrush95老实说，我不太记得了。请查看以下讨论：Henrik Haugbølle撰写的“通过Create React应用程序使用摩纳哥的简短指南”，您还可以查看启用突出显示的工作示例：