Skip to content

[Bug]: Compilation errors occur when using @vanilla-extract/css with @vanilla-extract/sprinkles #3562

@raamkey

Description

@raamkey

Version

System:
    OS: macOS 15.0
    CPU: (8) arm64 Apple M1 Pro
    Memory: 133.89 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 129.0.6668.59
    Safari: 18.0
  npmPackages:
    @rsbuild/core: 1.0.5 => 1.0.5 
    @rsbuild/plugin-react: 1.0.2 => 1.0.2

Details

working fine without @vanilla-extract/sprinkles. after integrating with @vanilla-extract/sprinkles getting below compile error

`

t@1.0.0 dev /Users/ramki/Work/poc/vanilla-extract
rsbuild dev --open

Rsbuild v1.0.7

Local: http://localhost:3000/
Network: http://192.168.29.92:3000/
Network: http://10.64.8.3:3000/

start Compiling...
/Users/ramki/Work/poc/vanilla-extract/src/App.css.ts:45
$ReactRefreshRuntime$.refresh(module.id, module.hot);
^

ReferenceError: $ReactRefreshRuntime$ is not defined
at /Users/ramki/Work/poc/vanilla-extract/src/App.css.ts:45:3

Node.js v20.10.0
 ELIFECYCLE  Command failed with exit code 1.
`

Reproduce link

https://github.com/raamkey/vanilla-extract

Reproduce Steps

  1. execute pnpm install and pnpm dev
  2. find the error message in the console

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions