使用PrimeFaces 8时出现quill.min.js.map 404错误

这种SourceMap加载失败的问题在混用PrimeFaces官方组件和扩展组件时挺常见的，别担心，它本质上只是浏览器找不到调试用的映射文件，不会影响编辑器的正常功能，下面给你几个实用的解决办法：

方法1：快速禁用浏览器SourceMap加载（推荐本地调试用） #

SourceMap主要是给开发者调试压缩后的JS/CSS用的，如果你不需要调试Quill的底层代码，直接关闭浏览器的SourceMap自动加载即可：

• 打开浏览器开发者工具（F12）
• 点击右上角的齿轮图标进入设置页面
• 找到Sources板块，取消勾选「Enable JavaScript source maps」和「Enable CSS source maps」
• 刷新页面，404报错就会消失

方法2：手动添加缺失的Quill SourceMap文件 #

如果需要保留调试能力，就得把缺失的quill.min.js.map文件补到对应路径：

1. 先确定你项目使用的PrimeFaces版本对应的Quill版本（可以看quill.min.js的注释或者PrimeFaces官方文档）
2. 去Quill官方仓库下载对应版本的quill.min.js.map文件
3. 将文件放到项目的src/main/webapp/resources/texteditor/目录下（对应错误里的http://localhost:8080/XX/javax.faces.resource/texteditor/路径）
4. 重启项目，浏览器就能正常加载SourceMap了

方法3：调整PrimeFaces资源加载配置 #

如果项目启用了资源优化或自定义资源处理，可能会导致SourceMap路径异常，可以尝试：

• 在web.xml中添加以下参数，禁用资源优化（适合调试阶段）：

<context-param>
    <param-name>primefaces.resource.optimizer.disable</param-name>
    <param-value>true</param-value>
</context-param>

• 或者检查faces-config.xml中的资源处理器配置，确保PrimeFaces的资源处理器能正确映射资源路径：

<resource-handler>org.primefaces.application.resource.PrimeResourceHandler</resource-handler>

方法4：排查编辑器资源冲突（可选） #

虽然报错来自Quill，但混用两个富文本编辑器可能存在资源加载顺序或路径冲突：

• 尝试将两个编辑器组件放到不同的页面区域，或者调整它们在页面中的渲染顺序
• 检查页面中是否有重复加载的JS资源，避免冲突导致的路径解析异常

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