Can it fix HMR issues on real devices?

Absolutely. It checks WebSocket (ws://) reachability and ensures the client-side HMR configuration matches the dev server's actual network address.

Why won't my WebF app connect to my local dev server?

This usually happens when the server is bound to 'localhost' instead of your LAN IP or 0.0.0.0, preventing external devices on the same network from accessing the server.

Does this skill support both Vite and Webpack?

Yes, it provides specific guidance for both Vite and Webpack configurations, including the --host flag and WebSocket client settings.

What information should I provide to start troubleshooting?

Providing your target platform (iOS/Android), dev server URL, and your build tool (Vite/Webpack) allows the skill to diagnose the issue immediately.

Does it help with firewall issues?

Yes, the skill identifies when network traffic might be blocked by OS firewalls or port restrictions that prevent the mobile device from reaching your workstation.

OpenWebF Dev Server & Network Troubleshooter

Name: OpenWebF Dev Server & Network Troubleshooter
Author: archview-ai

byarchview-ai

Mobile Development

Resolves network reachability and HMR issues for WebF applications running on real devices and local development servers.

소개

This skill streamlines the process of debugging connectivity between your local development server—such as Vite or Webpack—and WebF-powered applications on iOS, Android, or desktop. It identifies common pitfalls like localhost vs. LAN IP binding, 0.0.0.0 configuration requirements, firewall blocks, and WebSocket/HMR failures, ensuring your real-time code updates sync perfectly across your physical test devices.

주요 기능

0 GitHub stars
Firewall and port access verification for cross-device development
Automated troubleshooting for Vite and Webpack dev server bindings
Integration guidance for WebF-specific networking requirements
Diagnostic support for Hot Module Replacement (HMR) and WebSocket failures
Resolution of LAN IP vs. localhost connectivity issues on mobile hardware

사용 사례

Configuring Vite or Webpack to allow HMR updates over a local area network
Debugging why a device can load initial HTML but fails to fetch assets or trigger HMR
Fixing 'Connection Refused' errors when testing WebF apps on physical mobile devices

소개

주요 기능

0 GitHub stars
Firewall and port access verification for cross-device development
Automated troubleshooting for Vite and Webpack dev server bindings
Integration guidance for WebF-specific networking requirements
Diagnostic support for Hot Module Replacement (HMR) and WebSocket failures
Resolution of LAN IP vs. localhost connectivity issues on mobile hardware

사용 사례

Configuring Vite or Webpack to allow HMR updates over a local area network
Debugging why a device can load initial HTML but fails to fetch assets or trigger HMR
Fixing 'Connection Refused' errors when testing WebF apps on physical mobile devices