ember.js - 在 ember 应用程序中嵌入 monaco 编辑器时出现运行时错误

Question

我正在尝试在我的 ember 应用程序中使用monaco-editor
，为此 我正在使用 ember-monaco。
我按照说明添加application.hbs了以下代码：

{{code-editor
  language="typescript"
  code=sample1
  onChange=(action (mut sample1))
  theme="light"
  onReady=(action editorReady)
}}

我正在运行应用程序，但没有出现编辑器，我收到以下运行时错误：

index.js:181 Uncaught Error: Assertion Failed: Action passed is null or undefined in (action) from (generated application controller).
at assert (index.js:181:1)
at makeClosureAction (index.js:738:1)
at makeDynamicClosureAction (index.js:727:1)
at index.js:679:1
at Object.evaluate (runtime.js:2084:1)
at AppendOpcodes.evaluate (runtime.js:1312:1)
at LowLevelVM.evaluateSyscall (runtime.js:5232:1)
at LowLevelVM.evaluateInner (runtime.js:5188:1)
at LowLevelVM.evaluateOuter (runtime.js:5180:1)
at VM.next (runtime.js:6191:1)

我删除了操作

{{code-editor
  language="typescript"
  code=sample1
  theme="light"
}}

现在编辑器出现但没有示例代码（因为我删除了相关行），
正确的语法是什么？
灰烬版本：

ember-cli: 3.28.5
node: 10.24.1

Answer 1

，ember-source@3.16+建议直接引用动作/函数，例如：

{{code-editor
  language="typescript"
  code=this.sample1
  onChange=this.handleChange
  theme="light"
  onReady=this.editorReady
}}

（假设 handleChange 和 editorReady 定义了你的支持类）（也假设你有一个支持类）