troubleshooting-frontend

仓库创建 2026年7月4日最近提交 22 天前SkillHot 收录 22 天前

▸ 精选理由

快速定位编译、导入与控制台错误，显著节省调试时间。

这个 Skill 做什么

诊断并解决 TypeScript、React 及前端构建与运行时问题。

碰到前端报错（TypeScript 编译失败、import 找不到、React 组件异常或浏览器 console 错误）时用，帮你定位是类型、构建配置、包解析还是框架（比如 Inertia.js、Wayfinder）层面的问题。会给出具体排查步骤和修复建议，目标是把常见故障拆成可执行的修复动作，而不是只给笼统诊断。

▸ 展开 SKILL.md 英文原文

Troubleshooting TypeScript, React, and frontend-related errors.

开发编程前端排错TypeScriptReact通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/troubleshooting-frontend/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/troubleshooting-frontend/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Troubleshooting Frontend Issues

## When to Activate This Skill

Activate this skill when encountering:
- TypeScript compilation errors
- Import resolution failures
- React component errors
- Inertia.js issues
- Wayfinder action generation issues
- Browser console errors
- Type mismatches in React code

## Common Frontend Issues and Solutions

### Import Resolution Failures

**Problem**: `Cannot find module '@/actions/...'`
**Cause**: Wayfinder action file not generated (route not registered)
**Solution**:
1. Activate `routing-and-controllers` skill
2. Verify the route is registered in `routes/web.php`
3. Run `php artisan wayfinder:generate --no-interaction`
4. Verify the file exists in `r

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有