摩纳哥教育输入和实际输出放错了位置

Question

我正在使用Vue编写我的项目

这是我有关创建对象monaco的代码

this.$nextTick(() => {
  this.editor = monaco.editor.create(document.getElementById('css-monaco-editor'), {
    language: 'css',
    minimap: false
  })
  self.addEventListener('resize', () => {
    this.editor.layout()
  })
  this.editor.layout()
})

你可以这样想

$(function(){
  this.editor = monaco.editor.create(document.getElementById('css-monaco-editor'), {
    language: 'css',
    minimap: false
  })
  self.addEventListener('resize', () => {
    this.editor.layout()
  })
  this.editor.layout()
})

我的scss：

.container{
  background-color: $white;
  display: flex;
  flex-direction: column;
  height: 100%;
  #css-monaco-editor{
    flex-grow: 1;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;

  }
}

我的问题是何时启动Webpack开发服务器

我的输入和实际输出都放错了

---

您可以从chrome dev tool

中找到详细信息

div在左侧，output在中间

如何纠正此错误？

我尝试为您提供更多细节来解决我的问题，如果您需要更多信息，请告诉我

谢谢！