vue报错之“ Static class blocks are not enabled. Please add `@babel/plugin-transform-class-static-block”

背景

我在使用vue+monaco写项目时，项目出现了以下报错：

解释

这个报错信息提示的是静态类块（因为在JavaScript中使用了类语法，但没有相应的Babel插件来转换这种高级语法特性）不被支持。因为Babel默认只转换ES5语法，所以需要添加对应的Babel插件来实现转换。

解决方案

 1.安装Babel插件：

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

  2. 在Babel配置文件（比如.babelrc或babel.config.js）中添加插件：

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

3.重新运行项目，问题解决。