bit.dev自托管组件运行bit start报缺失@pmmmwh/react-refresh-webpack-plugin错误
问题描述
使用bit.dev实现组件自托管,执行bit start启动命令时抛出模块缺失报错:
Cannot find module '@pmmmwh/react-refresh-webpack-plugin'
报错对应的依赖调用栈如下:
C:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\ui\webpack\webpack.config.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\ui\ui.extension.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\ui\index.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\bit\manifests.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\bit\bit.manifest.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\extensions\bit\index.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\dist\app.jsC:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin\bin\bit.js
手动安装报错提示缺失的@pmmmwh/react-refresh-webpack-plugin依赖后,重新执行bit start命令仍触发相同报错。
排查解决步骤
手动安装依赖无效的核心原因:依赖被安装在了当前项目目录下,但报错的加载逻辑来自全局安装的bit-bin包,Node模块解析规则无法从全局包路径下找到项目本地安装的依赖。按以下顺序操作即可修复:
- 直接在全局
bit-bin包的安装目录下补装缺失依赖
先执行命令获取全局npm包的安装根路径:
进入输出路径下的npm root -gbit-bin文件夹(从报错栈看当前环境的路径为C:\Users\Ruben Peters\AppData\Roaming\npm\node_modules\bit-bin),在该目录下执行安装命令:
安装完成后重新执行npm install @pmmmwh/react-refresh-webpack-pluginbit start验证是否恢复正常。 - 若上述操作后仍报错,说明当前安装的
bit-bin版本本身存在依赖打包缺失的问题,直接重装全局稳定版本即可:
先卸载旧的全局版本:
清理npm缓存后安装最新稳定版:npm uninstall -g bit-binnpm cache clean --force npm install -g bit-bin@latest - 注意:不要在项目本地目录单独安装该webpack插件,bit启动时加载的是全局bit内置的webpack配置,只会从全局bit的依赖目录查找对应模块,本地安装的依赖不会被全局包识别。
内容的提问来源于stack exchange,提问作者RMP1992
相关产品推荐
相关产品推荐

