Vue整合Monaco组件报错

vue整合monaco组件

报错信息:

ERROR in ./node modules/monaco-editor/esm/vs/language/typescript/tsMode.js

Module build failed (from ./node modules/babel-loader/lib/index.js):SmntaxEror: D: coadelwetProjectlowmn myoj-infront node modules manaco-editorlesnmvs langlageltypescript tsbode.js: Statitc clas blocks are not enabed. please add &babelplugin-transfom-classtatic-block to your configuration

报错图片如下:

错误的根本原因是因为导入monaco时使用了这个语句:

复制代码
import * as monaco from "monaco-editor";

解决办法:

1.执行

bash 复制代码
npm install --save-dev @babel/plugin-transform-class-static-block

命令,下载依赖

2.打开项目babel.config.js文件,加入下面配置

javascript 复制代码
plugins: ["@babel/plugin-transform-class-static-block"],
复制代码
如图所示:
相关推荐
前端Hardy7 分钟前
HTML&CSS:有趣的漂流瓶
前端·javascript·css
前端Hardy8 分钟前
HTML&CSS :惊艳 UI 必备!卡片堆叠动画
前端·javascript·css
无羡仙32 分钟前
替代 Object.freeze 的精准只读模式
前端·javascript
web前端12342 分钟前
Java客户端开发指南 - 与Web开发对比分析
前端
龙在天43 分钟前
前端 9大 设计模式
前端
搞个锤子哟43 分钟前
网站页面放大缩小带来的问题
前端
hj5914_前端新手44 分钟前
React 基础 - useState、useContext/createContext
前端·react.js
半花1 小时前
【Vue】defineProps、defineEmits 和 defineExpose
前端·vue.js
我的名字帅不帅1 小时前
使用 Element UI -Container 布局容器时监听屏幕滚动无效
vue.js
霍格沃兹_测试1 小时前
软件测试 | 测试开发 | H5页面多端兼容测试与监控
前端