如何让use-sound钩子在Parcel环境下正常运行？

这个错误源于Parcel 2未能正确处理use-sound依赖的howler.js全局变量暴露逻辑，以下是两种可行的解决办法：

方式一：手动全局挂载Howler #

• 先确保安装howler依赖：

npm install howler

• 在项目入口文件（如index.jsx）或使用use-sound的组件顶部，添加全局挂载代码：

import Howler from 'howler';
window.HowlerGlobal = Howler;

• 保持原有SubmitButton组件代码不变，重启Parcel服务即可生效。

方式二：配置Parcel全局变量映射 #

在项目的package.json中添加Parcel专属配置，让Parcel自动映射全局变量：

{
  // 保留原有package.json内容
  "parcel": {
    "globals": {
      "HowlerGlobal": "howler"
    }
  }
}

配置完成后重启Parcel开发服务，即可正常使用use-sound钩子。

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