Vue.js 将Monaco编辑器与VueJS集成

使用VueJS时，将Monaco编辑器与Webpack集成的示例失败

webpack.config.js：

//eslint禁用下一行@typescript eslint/无需变量
const MonacoWebpackPlugin=require（'monaco-editor-webpack-plugin'）；
//eslint禁用下一行@typescript eslint/无需变量
const path=require（'path'）；
module.exports={
条目：'./index.js'，
输出：{
path:path.resolve（uu dirname，'dist'），
文件名：“app.js”
},
模块：{
规则：[{
测试：/\.css$/,，
用法：['style-loader'，'css-loader']
}, {
测试：/\.ttf$/,，
用法：[“文件加载器”]
}]
},
插件：[
新MonacoWebpackPlugin（）
]
};

App.vue：

从“摩纳哥编辑”以摩纳哥身份导入*
导出默认值{
安装的（）{
monaco.editor.create（document.getElementById（'container'）{
价值：[
'函数x（）{'，
“\t解决方案.log（“你好，世界！”）；”，
'}'
].join（'\n'），
语言：“javascript”
});
},
};
#容器{
高度：100vh；
溢出：隐藏；
}

此时将显示编辑器，并突出显示语法。但是，键入会引发意外的使用错误

我错过了哪一步？谢谢

与VueJS一起使用\

从'@monaco editor/loader'导入加载程序；
导出默认值{
安装的（）{
const wrapper=document.getElementById（'编辑器'）
loader.init（）.then（monaco=>{
monaco.editor.create（包装器{
值：“const name=“Peter”，
});
});
},
}

在《集成指南》中，很明显，当您自己绑定东西时，您必须执行额外的工作@哦，为什么是的，我也通读了这个例子。如果你没有使用MonacoWebpackPlugin（我就是）。无论如何，这个例子让我得出了与第一个相同的结论。摩纳哥和网页包有些地方不好。