返回 Skill 列表
extension
分类: 开发与工程无需 API Key

debug-data

调试数据存储和持久化问题。在解决丢失数据、存储问题或状态持久化错误时使用。

person作者: jakexiaohubgithub

Debug data storage issues in the Weekly Report Builder:

  1. Check localStorage hook:

    • Review App.tsx for useLocalStorage hook implementation
    • Verify the storage key is consistent
    • Check if data is being read on mount
  2. Verify useEffect dependencies:

    • All dependencies should be in the array
    • Watch for missing dependencies that could cause stale closures
    • Check for infinite loops from incorrect dependencies
  3. Check JSON parsing:

    • Ensure all JSON.parse calls are wrapped in try/catch
    • Verify JSON.stringify handles circular references
    • Check for proper null/undefined handling
  4. Debug steps:

    // Add to browser console:
    console.log(localStorage.getItem('YOUR_KEY'));
    
  5. Common issues:

    • Storage quota exceeded
    • Parsing errors on corrupted data
    • Race conditions between read/write
    • Effects running before hydration
  6. Check server-side storage:

    • Review server/index.ts for file-based persistence
    • Check data/ directory for JSON files