ReferenceError：ace 未定义

Question

我是 ace 的新手，正在尝试使用react-ace 构建一个编辑器。

这是我所做的：

1. npm install react-ace ace-builds
2. 我将以下代码添加到我的 App.js 中

import React from "react";
import { render } from "react-dom";
import AceEditor from "react-ace";

import "ace-builds/src-noconflict/mode-java";
import "ace-builds/src-noconflict/theme-github";

function onChange(newValue) {
  console.log("change", newValue);
}

// Render editor
render(
  <AceEditor
    mode="java"
    theme="github"
    onChange={onChange}
    name="UNIQUE_ID_OF_DIV"
    editorProps={{ $blockScrolling: true }}
  />,
  document.getElementById("example")
);

但是我的浏览器显示此错误：ReferenceError：ace未定义

这是我的 package.json：

你能帮我吗。谢谢你！

Answer 1

添加此代码

import 'ace-builds/src-noconflict/ace';

要了解更多信息，请参阅我们的https://github.com/securingsincity/react-ace/issues/1233