[DX] Router crashes the Dev server when a file is saved halfway

[wfjsw]

web-infra-dev/rsbuild#4789

I am using @tanstack/react-router 1.114.15 and Rsbuild v1.2.17 with React 19.

Whenever I edit a tsx file, VSCode sometime decided to save when I was typing, and then the dev server often crashes with the following error:

♻️  Regenerating routes...
✅ Processed routes in 57ms
node_modules\@babel\parser\lib\index.js:360
    const error = new SyntaxError();
                  ^

SyntaxError: Unexpected token (287:4)
    at constructor (node_modules\@babel\parser\lib\index.js:360:19)
    at TypeScriptParserMixin.raise (node_modules\@babel\parser\lib\index.js:3327:19)
    at TypeScriptParserMixin.unexpected (node_modules\@babel\parser\lib\index.js:3347:16)
    at TypeScriptParserMixin.parseExprAtom (node_modules\@babel\parser\lib\index.js:11127:16)
    at TypeScriptParserMixin.parseExprAtom (node_modules\@babel\parser\lib\index.js:6936:20)
    at TypeScriptParserMixin.parseExprSubscripts (node_modules\@babel\parser\lib\index.js:10759:23)
    at TypeScriptParserMixin.parseUpdate (node_modules\@babel\parser\lib\index.js:10744:21)
    at TypeScriptParserMixin.parseMaybeUnary (node_modules\@babel\parser\lib\index.js:10724:23)
    at TypeScriptParserMixin.parseMaybeUnary (node_modules\@babel\parser\lib\index.js:9676:18)
    at TypeScriptParserMixin.parseMaybeUnaryOrPrivate (node_modules\@babel\parser\lib\index.js:10577:61) {
  code: 'BABEL_PARSER_SYNTAX_ERROR',
  reasonCode: 'UnexpectedToken',
  loc: Position { line: 287, column: 4, index: 8870 },
  pos: 8870,
  syntaxPlugin: undefined
}

Is there any way to prevent this?

Reproduction: https://stackblitz.com/edit/tanstack-router-wbdmzpmo

1. Run npm i and then npm run dev
2. Open src/routes/index.tsx
3. Try to edit the JSX and save, for example add a < somewhere.
4. Dev server crashes.

[schiller-manuel]

how could reproduce this?

[wfjsw]

https://stackblitz.com/edit/tanstack-router-wbdmzpmo

Stackblitz cannot run rsbuild, but you can download and try it out. Add a < somewhere in the JSX tree and dev server will crash immediately.

This could be an rsbuild issue. I am going to raise this issue there as well.

[chenjiahan]

Fixed by [email protected]: https://github.com/unjs/unplugin/releases/tag/v2.2.2