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

1.9 KiB

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:

// 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:

# 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