Vue整合monaco-editor编译报错 ERROR in ./node_modules/monaco-editor/esm/vs/language/typescript/tsMode.js

报错内容

ERROR in ./node_modules/monaco-editor/esm/vs/language/typescript/tsMode.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: D:\project\oj\oj-frontend\node_modules\monaco-editor\esm\vs\language\typescript\tsMode.js: Static class blocks are not enabled. Please add `@babel/p lugin-transform-class-static-block` to your configuration.

829 | }

830 | };

> 831 | var Kind = class {

        |      ^

832 | static {

833 | this.unknown = "";

834 | }

 报错原因

Babel配置中没有启用静态类块的转换

解决办法

1.安装依赖

npm install --save-dev @babel/plugin-transform-class-static-block

2.添加配置文件

在.babelrc或babel.config.js中添加安装的插件

.babelrc

{
  "plugins": ["@babel/plugin-transform-class-static-block"]
}

babel.config.js

module.exports = {
  plugins: [
    '@babel/plugin-transform-class-static-block'
  ]
};