Unable to parse content from '/undefined': Parse error at offset 0 about monaco-yaml HOT 2 CLOSED

I’m not familiar with worker-plugin. I think the following should help you troubleshoot:

• Could you verify yamlWorkerUrl is defined by logging it to the console?
• Is worker-plugin configured in your webpack configuration?
• No only monaco-yaml needs to be handled by MonacoEnvironment.getWorkerUrl(), but also any other workers created by Monaco.
  https://github.com/pengx17/monaco-yaml/blob/090302534ae205d3a7163375bf211be5e8dd5eda/examples/webpack/src/index.js#L10-L17
  In your case this should be something like:

  import editorWorkerUrl from 'worker-plugin/loader?name=yaml&esModule!onaco-editor/esm/vs/editor/editor.worker';
  import yamlWorkerUrl from 'worker-plugin/loader?name=yaml&esModule!monaco-yaml/lib/esm/yaml.worker';
  
  window.MonacoEnvironment = {
    getWorkerUrl(moduleId, label) {
      if (label === 'yaml') {
        return yamlWorkerUrl;
      }
      return editorWorkerUrl;
    }
  };

One additional tip: If you import 'monaco-editor' to get all features, you may as well import { editor } from 'monaco-editor' instead of from monaco-editor/esm/vs/editor/editor.api.

from monaco-yaml.

I’m going to close this issue, because Webpack 5 supports web workers out of the box without the need for any special loaders or plugins. Please see the updated example.

from monaco-yaml.