rstackjs / rstackjs/rspack-plugin-react-refresh

RESULT_CODE_HUNG when updating translation files

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

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
20
Forks
13
Avg merge
2h 55m
Merged PRs (30d)
6

Description

I'm working on migrating a fairly large project to rspack and one blocker they had with webpack was enabling Fast Refresh. There is a known issue that Rspack seems to have solved around circular dependencies, https://github.com/pmmmwh/react-refresh-webpack-plugin/issues/190.

However, when I enable this plugin for our repo and make changes to any of our translation files, we have a few pages that hang and are completely unresponsive. The basic structure of our app is

pages/
  - page1.tsx
  - strings.ts
i18n/
  - en.json

where strings.ts is something like

export const title = i18n.t('<key-of-en.json>');

I'd expect the page to either do a full refresh or not hang. There are no useful logs in either the browser or rspack. An example response from the hot reload chunk is

{
c: ["main"],
r: [],
m: []
}

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

Reproduce the hang using pages/page1.tsx, strings.ts, and i18n/en.json, starting with an edit to the translation file while Fast Refresh is enabled. Inspect the hot reload chunk response and compare the behavior with a full refresh; done means the page remains responsive and either refreshes correctly or falls back to a full refresh.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.