Error: Cannot find module '/.../postcss.config.cjs' imported from '/.../node_modules/vite/dist/node/chunks/dep-76613303.js'

[wiesson]

I'm seeing this issue on our repo and I have no idea where it comes from. I have copied and pasted all config files from a fresh svelte skeleton project, added tailwind with svelte-add. (The fresh project works fine though)

10:26:46 AM [vite] Error when evaluating SSR module /src/routes/__layout.svelte:
Error: Cannot find module '/.../postcss.config.cjs' imported from '/.../node_modules/vite/dist/node/chunks/dep-76613303.js'
  at viteResolve (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:60115:25)
  at Function._resolveFilename (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:60129:20)
  at Function.Module._load (node:internal/modules/cjs/loader:778:27)
  at Module.require (node:internal/modules/cjs/loader:1005:19)
  at require (node:internal/modules/cjs/helpers:102:18)
  at Object.search (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:12723:37)
  at async resolvePostcssConfig (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:20506:22)
  at async compileCSS (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:20329:27)
  at async TransformContext.transform (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:20015:50)
  at async Object.transform (/.../node_modules/vite/dist/node/chunks/dep-76613303.js:36985:30)

It complains about the colons in the @apply in a <style> tag

<style lang="postcss">
.input {
  @apply appearance-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-gray-500 focus:border-gray-500 focus:z-10 sm:text-sm;
}
</style>

I haven't created an issue because I can't reproduce it - does anyone have an idea why the postcss config can't be found?

Latest svelte, tailwind, postcss with latest node 16

[fedorovvvv]

Hi! Try to set the path to config via 'configFilePath' in the preprocess settings. Here is the documentation 😃