Tailwind CSS throws an error when Snowpacks cache is empty

[stefanfrede]

When I run snowpack dev Tailwind CSS fails installing when node_modules/.cache/snowpack/development is empty (either on a fresh install or when I run snowpack dev --reload):

[snowpack] ! installing dependencies...
[snowpack] Package "tailwindcss/base" not found. Have you installed it?

snowpack build runs just fine.

Once there is a cache the setup runs flawlessly.

This is my repo: https://github.com/stefanfrede/11st-starter-kit.
And here are the changes which led to this behaviour: https://github.com/stefanfrede/11st-starter-kit/pull/61/files (only the changes regarding the style folder).

Any tip how to solve this is much appreciated because when it works it is blazingly fast and a lot of fun to work with.

[stefanfrede]

With streaming NPM imports the problem is gone:

  // snowpack.config.js
  experiments: {
    source: 'skypack',
  },

[FredKSchott]

This is still a bug in local mode! Will want to fix this.

[FredKSchott]

Actually just checking before I spin up a prioritized issue: did you follow the steps in this guide? https://www.snowpack.dev/guides/tailwind-css/ I'd expect that to only run if you had postcss setup

[stefanfrede]

Yes, I did.

[harvey-k]

Apparently some configuration parameters have changed in the latest version of Snowpack. An updated version of @stefanfrede's workaround that solved this problem for me:

  // snowpack.config.js  
  packageOptions: {  
    source: 'remote',  
  },  

@FredKSchott should an issue still be opened for this?

[crodfranco]

Thank you, this worked for me