Getting Payload Sass Error

Luciano

10 months ago

8

ERROR in ./node_modules/payload/dist/admin/scss/app.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/payload/dist/admin/scss/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
    ╷
180 │ @import '~payload-user-css';
    │         ^^^^^^^^^^^^^^^^^^^
    ╵
  node_modules/payload/dist/admin/scss/app.scss 180:9  root stylesheet

webpack compiled with 1 error

• 

  Jarrod

  10 months ago

  Are you attempting to import

  @import '~payload/scss';

  ?

• 

  Luciano

  10 months ago

  No, I am not

• 

  Jarrod

  10 months ago

  Are you importing one of your own css files, using a path alias? You will need to use relative paths for now. This is known shortcoming, the inability to use path aliases.

• 

  Luciano

  10 months ago

  Very interesting, I do not make use of path aliases. Is there a command I can run to see which file is causing this error?

• 

  Jarrod

  10 months ago

  Just looked at the code, are you using

  config.admin.css

  in your payload.config.ts to set a custom path for a css file?

  
  

  
  

  its saying that it cannot find

  that

  file/path

• 

  Luciano

  10 months ago

  You are awesome!

  
  
  

  I commented out my

  config.admin.css

  & everything works now.

• 

  seth

  8 months ago

  is the path alias problem throughout payload? I was just trying to set this up