Monaco 编辑器的 Worker

Question

我目前正在尝试使用这个包设置 Monaco 编辑器：https://github.com/egoist/vue-monaco

它的效果非常好，但是出现了一个错误信息：

Could not create web worker(s). Falling back to loading web worker code in main thread, which might cause UI freezes. Please see https://github.com/Microsoft/monaco-editor#faq

You must define a function MonacoEnvironment.getWorkerUrl or MonacoEnvironment.getWorker

我理解你需要启动一个worker，但是我似乎无法正常运行它。

我一直在使用Laravel和Laravel Mix来使所有工作正常运转，然而似乎没有关于如何设置worker的文档。

任何帮助都将不胜感激。

- Dennis Smink

---

这条消息意味着Monaco无法创建其WebWorkers（可以为TS和JS各一个）。检查您运行代码的环境，是否允许创建/使用WebWorkers。 - Mike Lischke

Answer 1

我遇到了同样的错误信息。您需要配置Monaco编辑器Webpack插件。

通过npm i monaco-editor-webpack-plugin安装它，然后将该插件添加到您的Webpack配置中：

const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');

export default {
    // ...

    plugins: [new MonacoWebpackPlugin()],
}

- Steve Bauman