Monaco-editor: Error: Unexpected usage (integration with vue)

Created on 21 Mar 2019 · 7Comments · Source: microsoft/monaco-editor

languageFeatures.js?810d:85 Error: Unexpected usage
at EditorSimpleWorkerImpl.BaseEditorSimpleWorker.loadForeignModule (editorSimpleWorker.js?8c76:468)
at eval (webWorker.js?a9b4:39)

integration needs-more-info

Source

soneway

👍14

Most helpful comment

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']
      })
    ]
  }

Symbolk on 2 Jul 2019

👍3

All 7 comments

Looking for a solution...

Symbolk on 27 Jun 2019

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']
      })
    ]
  }

Symbolk on 2 Jul 2019

👍3

same issue here when treating with json

cdll on 18 Nov 2019

@soneway Have you resolved your issue?

alexdima on 11 Dec 2019

This issue has been closed automatically because it needs more information and has not had recent activity. See also our issue reporting guidelines.

Happy Coding!

alexdima on 20 Dec 2019

Can this be reopened please?

@Symbolk do you understand why making that changed fixed anything?

tjk on 10 Jan 2020

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']
      })
    ]
  }

when i use this solution ，see https://github.com/microsoft/monaco-editor-webpack-plugin/issues/96