wxt-dev / wxt-dev/wxt

Can not build when using PandaCSS

Open
#1,227 3 comments 1 reaction 0 assignees View on GitHub

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

Contributor guide

Open the contributing guide

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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.