rstackjs / rstackjs/rspack-plugin-react-refresh
RESULT_CODE_HUNG when updating translation files
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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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