Vue3 + Vite4 + monaco-editor 加载 monaco-sql-languages package 报错 about monaco-sql-languages HOT 15 CLOSED

你可以参考

1. monaco-editor 官方文档 https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md#using-vite
2. vite 的 issue 中关于此问题的讨论 vitejs/vite#1791

from monaco-sql-languages.

另外本仓库的website 也是通过 vite4 构建，或许可以作为你的参考

• vite.config.js
• languageWorker.ts

from monaco-sql-languages.

你可以参考

1. monaco-editor 官方文档 https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md#using-vite
2. vite 的 issue 中关于此问题的讨论 Import monaco-editor using Vite 2 vitejs/vite#1791

感谢回复，这些都参考过了，使用 monaco-editor 内置的 worker，如： json 和 JavaScript 的 worker ，都没有问题；但是使用 monaco-sql-languages 提供的 mysql 的 worker 就会报错；

from monaco-sql-languages.

另外本仓库的website 也是通过 vite4 构建，或许可以作为你的参考

• vite.config.js
• languageWorker.ts

website 中的代码也参考了，本地能正常启起来，看代码中用了 @dtinsight/molecule 这个 ide，但是直接用 monaco-editor 就会报错，不知道是我哪里没有配置对。

from monaco-sql-languages.

可以提供一下你的vite 配置文件吗

from monaco-sql-languages.

可以提供一下你的vite 配置文件吗

没有额外的 vite 配置

from monaco-sql-languages.

@xinyufyj 在你的vite配置文件中添加这个配置assetsInclude: ['**/*.worker.js?worker']试试，把worker.js文件当作静态资源输出

from monaco-sql-languages.

@xinyufyj 在你的vite配置文件中添加这个配置assetsInclude: ['**/*.worker.js?worker']试试，把worker.js文件当作静态资源输出

感谢回复，试了下还是不行，跟 assetsInclude 配置应该没什么关系。

from monaco-sql-languages.

可以提供一下你的vite 配置文件吗

@HaydenOrz 发现 monaco-sql-languages 的 worker 内部依赖了 dt-sql-parser，会有一些 nodejs 相关的 api，参考 website 中 vite.config.js 的配置，但是项目启动之后还是报错了，这是我的 vite 配置文件：

from monaco-sql-languages.

@xinyufyj 在你的vite配置文件中添加这个配置assetsInclude: ['**/*.worker.js?worker']试试，把worker.js文件当作静态资源输出

感谢回复，试了下还是不行，跟 assetsInclude 配置应该没什么关系。

本地构建一个minimal demo, 放到github repository，我们复现一下看看

from monaco-sql-languages.

我也遇到了一样的问题 好像也是用到了node的api 比如fs 和 dt-sql-parser，大佬你的问题解决了吗？

from monaco-sql-languages.

from monaco-sql-languages.

我也遇到了一样的问题 好像也是用到了node的api 比如fs 和 dt-sql-parser，大佬你的问题解决了吗？

你好，请问你的打包工具用的是 vite 还是 webpack?

from monaco-sql-languages.

关于在 vite 中集成的问题，关联 issue #87 以及 vite issue#15359

from monaco-sql-languages.

@xinyufyj @binbinecust 现在 monaco-sql-languages 提供了一些集成示例可以作为参考，另外更新了集成文档，以及遇到集成问题如何解决的文档

但是很遗憾，目前在 vite 项目中集成仍然会有一些问题，我们会持续跟进集成相关问题

from monaco-sql-languages.