@import '~payload-user-css'; fail

[payloadcms]

@import '~payload-user-css'; fail

[kobeindemans]

I have the same issue (using tailwind in my Next.js app)

[okeken]

What I endup doing is creating a simple script to automatically remove this line after every installs,

removeSassError.js

const fs = require('fs');
const path = require('path');

const filePath = path.join(__dirname, 'node_modules', 'payload', 'dist', 'admin', 'scss', 'app.scss');

fs.readFile(filePath, 'utf8', (err, data) => {
  if (err) {
    console.error('Error reading the file:', err);
    return;
  }

  const lines = data.trim().split('\n');

  if (lines[lines.length - 1].includes('@import \'~payload-user-css\';')) {
    // Remove the last line
    lines.pop();

    const modifiedContent = lines.join('\n');

    fs.writeFile(filePath, modifiedContent, 'utf8', (err) => {
      if (err) {
        console.error('Error writing to the file:', err);
        return;
      }
      console.log('Last line removed successfully!');
    });
  } else {
    console.log('Last line does not contain the import, no action needed.');
  }
});

inside my package.json

 "scripts": {
    "postinstall": "yarn removeError",
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "removeError": "node removeSassError.js"
  },

[lufehr]

@joelcorey @kobeindemans have you tried to remove the following line from next.config.js if you haven't a custom css file present?

    // Point to custom Payload CSS (optional)
    cssPath: path.resolve(__dirname, "./css/my-custom-payload-styles.css"),

[JarrodMFlesch]

@joelcorey are you getting this on the latest version? I am unable to reproduce, but would love to help if you can provide a bit more info!

[JarrodMFlesch]

@joelcorey @kobeindemans have you tried to remove the following line from next.config.js if you haven't a custom css file present?

    // Point to custom Payload CSS (optional)
    cssPath: path.resolve(__dirname, "./css/my-custom-payload-styles.css"),

Yes this is the issue, you need to remove this line. The next release will log a warning and prevent the app from breaking, though.