codesandbox / codesandbox/codesandbox-client

Nuxt sandbox not hot-reloading?

Open
#5,629 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Needs More Info SSE
Dominant language
JavaScript
Stars
13.6k
Forks
2.4k
Avg merge
6d 19h
Merged PRs (30d)
2

Description

🐛 bug report

Preflight Checklist

  • I have read the
    Contributing Guidelines
    for this project.
  • I agree to follow the
    Code of Conduct
    that this project adheres to.
  • I have searched the issue tracker for an issue that matches the one I want
    to file, without success.

Description of the problem

When working on a sandbox forked from this nuxt starter, editing a page, or adding or removing pages and components does not trigger a hot reload. The only time I'm able to trigger a reload is when initially editing the title of the sandbox. Subsequent edits to the title do not trigger a reload.

This seems similar to this issue with Next, but must be different since that one was resolved.

How has this issue affected you? What are you trying to accomplish?

I was trying to share a demo using Nuxt, Vue, and D3. But, I have not been able to reload to show my changes. (Currently this fork is stuck without a dependency I tried to add, vuetify.)

To Reproduce
  1. Create a fork of https://codesandbox.io/s/github/nuxt/codesandbox-nuxt
  2. Rename it. (This will trigger a reload.)
  3. After it reloads, edit some copy in the page. No reload happens

Screen Shot 2021-04-01 at 10 42 49 AM

Link to sandbox: forked sandbox
Your Environment
Software Name/Version
Сodesandbox https://codesandbox.io/
Browser Chrome Version 88.0.4324.192 (Official Build) (x86_64)
Operating System Mac OS Catalina 10.15.7

Contributor guide

Open the contributing guide

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

Reproduce the problem by forking the linked Nuxt starter, then edit pages/index.vue and inspect package.json and the sandbox's file-change and hot-reload entry points. Done means edits to pages and components, including additions and removals, reliably trigger reloads after the initial rename.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, nuxt
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.