74 lines
1.5 KiB
Markdown
74 lines
1.5 KiB
Markdown
# 🔧 Quick Fix - Missing Dependencies
|
|
|
|
## The Issue
|
|
The `@heroicons/react` package is missing, which causes the new pages to fail.
|
|
|
|
## The Fix (2 minutes)
|
|
|
|
### Option 1: Use the Install Script (Easiest)
|
|
```bash
|
|
install_phase3_dependencies.bat
|
|
```
|
|
|
|
Then restart your frontend:
|
|
```bash
|
|
# Stop the current frontend (Ctrl+C in the terminal)
|
|
# Then run:
|
|
start-frontend.bat
|
|
```
|
|
|
|
### Option 2: Manual Install
|
|
```bash
|
|
# In the frontend directory:
|
|
cd frontend
|
|
npm install @heroicons/react
|
|
npm run dev
|
|
```
|
|
|
|
---
|
|
|
|
## What This Installs
|
|
|
|
**@heroicons/react** - Beautiful SVG icons from the Heroicons library
|
|
- Used for: Navigation icons, stats icons, charts icons
|
|
- Size: ~500KB
|
|
- Version: 2.1.1
|
|
|
|
---
|
|
|
|
## After Installing
|
|
|
|
1. The frontend will restart automatically (if using the dev server)
|
|
2. Visit: http://10.0.0.243:5173
|
|
3. Navigate to Reports or Stats pages
|
|
4. Everything should work now!
|
|
|
|
---
|
|
|
|
## Verification
|
|
|
|
After installing, you should see:
|
|
- ✅ No more "Failed to resolve import" errors
|
|
- ✅ Pages load successfully
|
|
- ✅ Icons display correctly
|
|
- ✅ Navigation works smoothly
|
|
|
|
---
|
|
|
|
## Why This Happened
|
|
|
|
I used icons from @heroicons/react in the new components, but the package wasn't in your original package.json. This is now fixed - the package.json has been updated to include it.
|
|
|
|
---
|
|
|
|
## Next Time
|
|
|
|
If you see "Failed to resolve import" errors in the future:
|
|
1. Check what package is missing
|
|
2. Run: `npm install <package-name>`
|
|
3. Restart dev server
|
|
|
|
---
|
|
|
|
**Ready?** Run the install script and you'll be up and running! 🚀
|