TinyMCE Svelte包加载失败求助：无法找到./Utils文件

问题场景 #

运行项目时触发以下报错：

Failed to load url ./Utils (resolved id: ./Utils) in X:/codeX3/CrimsonLotus_web/node_modules/@tinymce/tinymce-svelte/dist/ts/component/Editor.svelte. Does the file exist?

环境版本 #

• Node.js: 18.15.0
• npm: 9.5.0
• @tinymce/tinymce-svelte: 1.0.1

问题解答 #

1. 这是已知问题吗？ #

是的，该问题在@tinymce/tinymce-svelte的1.0.x版本系列中属于已知缺陷，官方后续版本已修复。

2. 有无修复方案？ #

提供三种可行方案：

• 升级包版本（推荐）：直接升级到最新稳定版，官方已修复路径解析问题。执行命令：

  npm install @tinymce/tinymce-svelte@latest
  

• 临时手动修复（不推荐）：找到node_modules/@tinymce/tinymce-svelte/dist/ts/component/Editor.svelte文件，将其中的import ... from './Utils'修改为import ... from './Utils.js'，注意添加文件后缀。但此修改会被后续npm install覆盖。
• 清理依赖缓存：删除项目根目录下的node_modules文件夹和package-lock.json文件，重新执行npm install，排除缓存损坏导致的解析异常。

3. 我的配置是否存在问题？ #

从你描述的「此前功能正常且未修改配置」来看，基本可以排除项目配置问题，错误源于包内部的路径引用缺陷。

4. 这是否是包本身的bug？ #

是的，这是@tinymce/tinymce-svelte 1.0.1版本的构建bug——模块引用时缺少了必要的文件后缀，导致Svelte编译时无法正确解析模块路径，官方在后续版本中已修复该问题。

内容的提问来源于stack exchange，提问作者mehrad1