本地搭建gluestack-ui遇Field 'browser'别名配置无效错误求助
gluestack-ui本地启动Storybook报错处理
本地搭建gluestack-ui时严格遵循官方开发环境配置步骤,当前环境版本:yarn 1.22.17,node v18.17.1。在storybook目录下执行yarn storybook命令后,出现以下错误:
Field 'browser' doesn't contain a valid alias configuration
resolved symlink to /Users/abishek/gluestack-ui/packages/unstyled/image/index.web.js
using description file: /Users/abishek/gluestack-ui/packages/unstyled/image/package.json (relative path: ./index.web.js)
no extension
Field 'browser' doesn't contain a valid alias configuration
/Users/abishek/gluestack-ui/packages/unstyled/image/index.web.js doesn't exist
.web.js
排查修复步骤:
- 先核对
/Users/abishek/gluestack-ui/packages/unstyled/image/目录下是否存在index.web.js文件,大概率是代码克隆不完整导致文件缺失,可重新拉取仓库代码并确保所有子模块同步完成。 - 检查该目录下
package.json的browser字段配置,确认别名映射的路径是否正确,保证指向的文件真实存在。 - 执行
yarn cache clean清除缓存,再运行yarn install重新安装依赖,之后重试启动Storybook。 - 确认Storybook使用的webpack配置中,是否添加了
.web.js扩展名的解析规则,确保webpack能正确识别并处理这类文件。
内容的提问来源于stack exchange,提问作者Abishek
相关产品推荐
相关产品推荐

