nuxt-modules / nuxt-modules/ionic

fix: App rendering on android emulator when using live reloading

Open
#475 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
457
Forks
53
Avg merge
7h 32m
Merged PRs (30d)
21

Description

🐛 The bug

Bug Description

Issue Summary

When using @nuxt/ionic module website is not accessible on an Android emulator's Chrome browser while it is accessible from a Chrome browser on the same device and a remote mobile device connected to the same network.

Steps to Reproduce
  1. Set up a Nuxt application using the @nuxt/ionic module.
  2. Ensure the Nuxt application is accessible from a Chrome browser on the same device and a remote mobile device on the same network.
  3. Attempt to access the Nuxt application from an Android emulator's Chrome browser.
  4. Observe that the Nuxt application is not accessible on the Android emulator's Chrome browser.
Actual Behavior

The Nuxt application is not accessible when trying to access it from the Chrome browser of an Android emulator.

Additional Information
  • Nuxt version: 3.8.0
  • @nuxt/ionic module version: 0.12.1
  • Android emulator details: Pixel 7 Pro API level 34 x86_64
What I Have Tried

I have verified that the Nuxt application is accessible from a Chrome browser on the same device and from a remote mobile device. However, it does not work on the Android emulator's Chrome browser. I have also checked for any error messages or issues in the emulator's console but found none.

Please let me know if there are any specific configuration details or troubleshooting steps that I should follow to resolve this issue.

🛠️ To reproduce
  1. Set up a Nuxt application using the @nuxt/ionic module. 2. Ensure the Nuxt application is accessible from a Chrome browser on the same device and a remote mobile device on the same network. 3. Attempt to access the Nuxt application from an Android emulator's Chrome browser. 4. Observe that the Nuxt application is not accessible on the Android emulator's Chrome browser.
🌈 Expected behaviour

The Nuxt application should be accessible from the Android emulator's Chrome browser, just like it is from other devices and browsers on the same network.

ℹ️ Additional context

No response

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source file, entry point, or test is identified. Start by reproducing the Nuxt 3.8.0 and @nuxt/ionic 0.12.1 setup on a Pixel 7 Pro API 34 x86_64 emulator, then trace the live-reloading network configuration and compare it with access from the host and a remote device. Done means the app loads in the emulator's Chrome browser while live reloading remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, nuxt, typescript
Domain
mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.