Uncaught Error: Unexpected usage

[soneway]

Uncaught Error: Unexpected usage

Error: Unexpected usage
at EditorSimpleWorkerImpl.BaseEditorSimpleWorker.loadForeignModule (editorSimpleWorker.js?8c76:468)
at eval (webWorker.js?a9b4:39)
at eval (errors.js?0f90:57)

[Symbolk]

My solution: Configure webpack-plugin in vue.config.js, instead of webpack.config.js:

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

module.exports = {
  configureWebpack: {
   plugins: [
      new MonacoWebpackPlugin({
        // available options are documented at https://github.com/Microsoft/monaco-editor-webpack-plugin#options
        languages: ['javascript', 'css', 'html', 'typescript', 'json']
      })
    ]
  }

[phyng]

Maybe you use the unmatched model id, in my case:

window.MonacoEnvironment = {
  getWorkerUrl: function (moduleId, label) {
    if (label === 'json') {
      return BASE_WORKER_PATH + './json.worker.bundle.js'
    }
    if (label === 'css' || label === 'scss') { // FIX SCSS Uncaught Error: Unexpected usage
      return BASE_WORKER_PATH + './css.worker.bundle.js'
    }
    if (label === 'html') {
      return BASE_WORKER_PATH + './html.worker.bundle.js'
    }
    if (label === 'typescript' || label === 'javascript') {
      return BASE_WORKER_PATH + './ts.worker.bundle.js'
    }
    return BASE_WORKER_PATH + './editor.worker.bundle.js'
  }
}

[alexdima]

Duplicate of #1385