使用Parcel 2打包HTMX及扩展时出现htmx未定义错误求助

问题原因 #

HTMX官方扩展（如response-targets）默认依赖全局作用域下的htmx对象，但直接import 'htmx.org'仅会在模块作用域内引入HTMX，不会自动挂载到window全局对象，导致扩展加载时找不到htmx引用。

修复方案 #

修改./assets/scripts.js，先将HTMX手动挂载到全局，再导入扩展：

// 导入htmx并挂载到window全局对象
import htmx from 'htmx.org';
window.htmx = htmx;

// 导入所需扩展
import 'htmx.org/dist/ext/response-targets.js';
// ...其他扩展

验证步骤 #

• 执行npm run build重新打包项目
• 打开浏览器页面，检查控制台是否仍有报错
• 测试HTMX及扩展功能是否正常运行

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