React中Fabric.js自定义构建EraserBrush失效，问题排查求助

• 不要直接修改node_modules目录：这个目录会被包管理工具（npm/yarn/pnpm）在重装时覆盖，且React打包工具会缓存旧模块，替换文件无法生效。正确做法是将自定义构建的Fabric.js文件放到项目静态资源目录（如public/js），在public/index.html中通过<script>标签引入，确保该标签加载优先级高于React代码。

• 调整代码导入方式：如果之前用import { fabric } from 'fabric'，现在改为直接使用全局的window.fabric——自定义构建的文件会将fabric挂载到全局window对象上。

• 清除打包与浏览器缓存：开发环境下重启开发服务器并强制刷新浏览器（Ctrl+Shift+R）；生产构建时，执行npm run build --clear（webpack项目）或vite build --clear（vite项目），也可手动删除node_modules/.cache目录。

• 验证自定义构建包：打开下载的Fabric.js文件，搜索EraserBrush关键词，确认该类已包含在构建代码中，避免官网构建时漏选相关模块。

• 移除冲突的npm包：卸载项目中通过npm安装的fabric包，执行npm uninstall fabric，防止全局引入的自定义版本与npm包版本冲突。

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