archy/FRONTEND_IMPORT_FIX.md
Dorian 6a018e4953 Implement Bitcoin and LND UI in Docker setup and enhance startup script
- Added Docker services for Bitcoin Core UI and LND UI, providing web interfaces for both applications.
- Updated the startup script to improve image pulling process and service readiness checks with retries.
- Modified the app view to open the Bitcoin Core UI in a new tab instead of routing through the app.
- Removed the Bitcoin Core Vue component as it is no longer needed, streamlining the UI structure.
- Excluded backend services from the app listing to improve clarity in the Docker package scanner.
2026-01-27 23:57:29 +00:00

69 lines
1.9 KiB
Markdown

# Frontend Import Fix - Complete
## Problem
The frontend crashed on startup with this error:
```
Failed to resolve import "@/store/app" from "src/views/apps/BitcoinCore.vue". Does the file exist?
```
The Bitcoin Core UI couldn't load because of this import error.
## Root Cause
The `BitcoinCore.vue` component had an incorrect import path:
- **Wrong**: `import { useAppStore } from '@/store/app'`
- **Correct**: `import { useAppStore } from '@/stores/app'`
The directory is named `stores` (plural), not `store` (singular).
## Fix Applied
Updated the import statement in `/Users/dorian/Projects/archy/neode-ui/src/views/apps/BitcoinCore.vue`:
```typescript
// Before
import { useAppStore } from '@/store/app'
// After
import { useAppStore } from '@/stores/app'
```
## Docker Health Check - Success!
The Docker containers are now starting perfectly with the improved health check logic:
- All 17 services running ✅
- Health checks pass with patient retry logic ✅
- Fedimint platform warning suppressed ✅
- Bitcoin Core running on ports 18443-18444 ✅
## What Should Work Now
1. **Frontend should start without errors**
2. **Bitcoin Core UI accessible** at `/dashboard/apps/bitcoin-core`
3. **Launch button works** - clicking Bitcoin Core in My Apps will route to the custom UI
4. **All Docker containers running** in the background
## Next Steps
The dev server should now start cleanly. Try:
```bash
# If the server is still running, it should hot-reload automatically
# If not, restart:
cd /Users/dorian/Projects/archy/scripts
bash dev-start.sh
# Choose option 2 (Full stack)
```
Then:
1. Go to `http://localhost:8100`
2. Navigate to My Apps
3. Click on Bitcoin Core
4. You should see the custom glassmorphism UI with network stats, connection details, and action cards
## Files Modified
- `/Users/dorian/Projects/archy/neode-ui/src/views/apps/BitcoinCore.vue` - Fixed store import path