vue 使用monaco-editor Error: Unexpected usage at EditorSimpleWorker.loadForeignModule

最新推荐文章于 2024-05-23 14:58:22 发布
最新推荐文章于 2024-05-23 14:58:22 发布
阅读量3.4k 收藏 3
点赞数 3
分类专栏： vue 文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SUE_DONG/article/details/126224503
版权
在Vue项目中集成Monaco-Editor时遇到了Error: Unexpected usage at EditorSimpleWorker.loadForeignModule的问题。该错误通常发生在尝试加载不兼容的模块或者配置不当时。检查并确保正确安装和配置Monaco-Editor，以及正确引用所需模块，同时注意Webpack的配置，避免模块加载冲突。
摘要由CSDN通过智能技术生成 
// vue.config.js 配置chainWebpack
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')

module.exports = {
   
    // ...
    chainWebpack: function(config) {
   
        config.
最低0.47元/天 解锁文章
悟空0506
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
monaco-editor-builder:使用包裹构建摩纳哥编辑工作者的脚本
05-24
摩纳哥编辑建设者 使用包裹构建摩纳哥编辑工作者的脚本 该套餐将 在您的项目中找到monaco-editor 使用构建以.worker.js结尾的所有文件 将它们保存在您的public文件夹 在src文件夹中生成monacoWorkerManifest.json文件 用法 安装monaco-editor yarn add monaco-editor # or npm install monaco-editor 安装monaco-editor-builder yarn add monaco-editor-builder # or npm install monaco-editor-builder 添加脚本以构建工作程序 { " scripts " : { " build:monaco " : " monaco-editor-builder " } } 不要忘记在生产
Unexpected usage at EditorSimpleWorker.loadForeignModule 报错问题处理
qq_39041201的博客
06-08 4757
Unexpected usage at EditorSimpleWorker.loadForeignModule 报错问题处理
格式化失效报错：Unexpected usage at EditorSimpleWorker.loadForeignModule（monaco-editor）VUE3+VITE
最新发布
gh313287387的博客
05-23 247
在vite.config.ts中：vite-plugin-monaco-editor不打包，放入external。command+d建格式化失效，控制台报错：1。
Unexpected usage at EditorSimpleWorker.loadForeignModule
m0_45236510的博客
03-21 9871
vue+webpack/vue3+vite使用monaco editor时报错 Unexpected usage at EditorSimpleWorker.loadForeignModule解决，react同理
vue项目中使用monaco-editor插件,控制台报错Uncaught (in promise) Error: Unexpected usage
FU_ZIYI的博客
08-10 3702
vue项目中使用monaco-editor插件，控制台报错Uncaught (in promise) Error: Unexpected usage
vue3+vite+monaco-editor+js编辑报错Error: Unexpected usage at EditorSimpleWorker.loadForeignModule
IThl4088的博客
12-20 2962
vue3+vite+monaco-editor选择javascript类型编辑报错Error: Unexpected usage at EditorSimpleWorker.loadForeignModule
代码编辑器之monaco editor
热门推荐
qq_41383241的博客
12-05 1万+
介绍vue2、vue3中使用monaco编辑器，但是vue2存在未解决的问题。博主建议使用vue3搭配monaco编辑器，vue2建议搭配ace编辑器。如果大家vue2成功使用monaco也可告诉我，感谢撒花~~ 其中部分参考其他博主
vue-editor-js:Vue用户的editor.js
05-09
请在main.js中使用Vue.use vue-editor-js。 支持的插件 关联 定界符 生的 桌子 警告 段落 检查清单 安装 # NPM npm install --save vue-editor-js # or Yarn yarn add vue-editor-js 用法 在main.js中 // ... ...
vue-monaco：Vue.js的MonacoEditor组件
02-06
安装npm install vue-monaco 要么yarn add vue-monaco用法将ESM版本与Webpack一起使用使用 ： // webpack.config.jsconst MonacoEditorPlugin = require ( 'monaco-editor-webpack-plugin' )module . exports = { ...
vue-monaco-editor:摩纳哥编辑Vue组件
04-21
**Vue-Monaco-Editor：将Monaco编辑器集成到Vue应用中的利器** Vue-Monaco-Editor是一款专为Vue.js框架设计的组件，它允许开发者在Vue项目中轻松地集成Monaco编辑器。Monaco编辑器是Microsoft开发的一个强大、可...
vue-3d-model：:camera:vue.js 3D模型查看器组件
02-06
例安装使用npm npm install vue-3d-model --save或使用脚本标签供全球使用< script src =" https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js " > </ script > 或下载并将其包含在您的html中...
vue-medium-editor：:writing_hand:Vue 2的MediumEditor组件。演示：
02-06
import editor from 'vue2-medium-editor' import Vue from 'vue' new Vue { ... components : { 'medium-editor' : editor } } <!-- index.html --> < medium-editor : text = ' myText ' : options ...
vue3 vite使用 monaco-editor 报错
qq_56456071的博客
08-25 1337
monaco-editor 报错_.loadForeignModule
vue-cli3 ， elementui ，typescript ，使用monaco-editor
Zq
12-25 3714
npm install monaco-editor -S 封装了一个组件 // \src\components\MonacoEditor.vue <template> <div ref="container" class="app-monaco"></div> </template> <script lang="ts"> import { Component, Prop, Vue, Watch } from "vue-p...
monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule
老衲的少女心i~
12-05 995
升级monaco版本，和vue-cli版本，打开.ts后缀的文件，报错。
vue3使用monaco-editor插件,报错Unexpected usage
叮当的猫猫的博客
07-12 1159
在使用monaco-editor插件的时候，运行时没有报错，打开页面报如上错误，可以关掉，但是页面变了 还会再出现，上网找了一圈报错，是因为插件引入时产生的问题。然后再重新刷新一下页面就可以啦。
monaco-editor所有配置
云海梦尘的博客
09-03 1万+
官网API地址： https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html 直接前往 Const EditorOptions EditorOptions: { acceptSuggestionOnCommitCharacter: IEditorOption<acceptSuggestionOnCommitCharacter, boolean>; acceptSuggestionOnEnter: IEdito
在Vite5.x中使用monaco-editor
斯幽柏雷科技
01-24 872
解决在Vite中使用Monaco报错问题. Uncaught (in promise) Error: Unexpected usage at _EditorSimpleWorker.loadForeignModule
[vue/no-parsing-error] Parsing error: Unexpected token :.
05-26
这个错误通常是因为在 Vue 模板中使用了 JavaScript 对象字面量，但是没有将其包裹在 `v-bind` 指令中。例如： ```html <template> <div> <!-- 这里会出现解析错误 --> {{ message: 'Hello, World!' }} </div> </template> ``` 应该改为： ```html <template> <div> <!-- 使用 v-bind 包裹对象字面量 --> {{ v-bind:message=" 'Hello, World!' " }} </div> </template> ``` 或者使用简写形式： ```html <template> <div> <!-- 使用简写形式 --> {{ message: 'Hello, World!' }} </div> </template> <script> export default { data() { return { message: 'Hello, World!' } } } </script> ``` 如果你仍然遇到问题，请提供更多的代码和错误信息，以便我们更好地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值