You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

运行Storybook时遇Module not found错误:无法解析react-tagsinput

解决Storybook中"Can't resolve 'react-tagsinput'"错误

问题根源

你的package.json中仅安装了react-tagsinput的TypeScript类型定义包@types/react-tagsinput,但缺少实际的react-tagsinput库本身,导致Webpack无法找到对应的模块。

解决方案

1. 安装react-tagsinput核心库

在项目根目录执行以下命令:

# npm
npm install react-tagsinput

# 或 yarn
yarn add react-tagsinput

2. 验证并重启服务

  • 检查package.json的dependencies字段,确认react-tagsinput已添加
  • 关闭当前运行的Storybook服务,重新启动(确保加载新安装的依赖)

额外排查步骤(若问题仍存在)

  • 清理依赖缓存并重新安装:
    rm -rf node_modules package-lock.json
    npm install
    
  • 确认Storybook配置(.storybook/main.ts)未修改默认模块解析规则,你的当前配置是正常的,无需额外调整。

内容的提问来源于stack exchange,提问作者SReca

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 10:30:57