Can not build when using PandaCSS
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 10.5k
- Forks
- 564
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I created a WXT project with PandaCSS, it work well when developping by pnpm run dev, but when I run pnpm run build, it report an error: Error: Loading PostCSS Plugin failed: Invalid URL.
Reproduction
See the steps to reproduce.
Steps to reproduce
pnpm dlx wxt@latest init # use solidjs
cd project
pnpm install
pnpm add -D @pandacss/dev
pnpm exec panda init --postcss
pnpm run build # reports error
System Info
System:
OS: Linux 6.12 Arch Linux
CPU: (32) x64 AMD Ryzen 9 7950X 16-Core Processor
Memory: 43.61 GB / 61.88 GB
Container: Yes
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.5.1 - ~/.local/share/pnpm/node
Yarn: 1.22.22 - /usr/bin/yarn
npm: 10.8.2 - ~/.local/share/pnpm/npm
pnpm: 9.14.3 - ~/.local/share/pnpm/pnpm
bun: 1.1.36 - ~/.local/share/bun/bin/bun
Browsers:
Chromium: 131.0.6778.85
npmPackages:
wxt: ^0.19.13 => 0.19.17
Used Package Manager
pnpm
Validations
- Read the Contributing Guidelines.
- Read the docs.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- The provided reproduction is a minimal reproducible example of the bug.
Contributor guide
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
Start by reproducing the failure with the listed pnpm commands in a WXT project using PandaCSS, then trace the build path that loads the PostCSS plugin and the reported Invalid URL error. Done means pnpm run build succeeds for this minimal PandaCSS setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- build-system
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100