Build Prob in My Project

[WallyTheBot]

I have Created a Tailwind, Javascript and Electron Project, but when i build my projekt i become this error
PS C:\Users\jurek\Documents\Dev\Ramon> npm run build:css

[email protected] build:css
tailwindcss -i ./app/style.css -o ./app/output.css

≈ tailwindcss v4.1.11

RangeError: Invalid code point 3355443

this is my package.json

{
  "name": "gothic_2_m_and_p_edition",
  "productName": "Gothic 2 M&P-Edition Installer",
  "version": "1.0.0",
  "description": "Gothic 2 M&P-Edition Installer by Partymann2000",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build:css": "tailwindcss -i ./app/style.css -o ./app/output.css",
    "watch:css": "tailwindcss -i ./app/style.css -o ./app/output.css --watch",
    "build": "npm run build:css && electron-builder"
  },
  "author": "Partymann2000",
  "license": "MIT",
  "devDependencies": {
    "autoprefixer": "^10.4.21",
    "electron": "^37.1.0",
    "electron-builder": "^24.6.0",
    "postcss": "^8.5.6",
    "tailwindcss": "^4.1.11"
  },
  "build": {
    "appId": "com.m_p_edition.partymann2000",
    "productName": "Gothic 2 M&P-Edition Installer",
    "directories": {
      "output": "build"
    },
    "files": [
      "app/**/*",
      "main.js",
      "preload.js",
      "package.json"
    ],
    "asar": true,
    "extraResources": [
      {
        "from": "public",
        "to": "public"
      }
    ],
    "win": {
      "target": "portable",
      "icon": "app/icon.ico",
      "requestedExecutionLevel": "requireAdministrator"
    },
    "publish": null
  },
  "dependencies": {
    "@tailwindcss/cli": "^4.1.11"
  }
}

this is my style.css in /app

@import "tailwindcss";

@tailwind base;
@tailwind components;
@tailwind utilities;

and this is my tailwind config

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",

  // Sagt Tailwind, dass es nur im app-Ordner nach Klassen suchen soll.
  content: [
    "./app/**/*.{html,js}"
  ],

  // Das Theme ist jetzt leer, da du keine Erweiterungen wolltest.
  // Tailwind wird seine nützlichen Standardwerte (wie text-red-500 etc.) weiterhin verwenden.
  theme: {
    // Hier könnten bei Bedarf wieder eigene Stile hinzugefügt werden.
  },

  // Das Plugin für Animationen bleibt erhalten.
  plugins: [
    require("tailwindcss-animate")
  ],
}

[wongjn]

Check if you have some binary or binary-like files in your project that have a file extension that does not appear in this list. If so, try ignoring them. Otherwise, consider providing a git repo that reproduces the unexpected behavior.

[WallyTheBot]

I found the prob without my public folder all works but i said in the config this is excluded :/

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",

  // Sagt Tailwind, dass es nur im app-Ordner nach Klassen suchen soll.
  content: [
    "./app/**/*.{html,js}",
    // Das Ausrufezeichen bedeutet "nicht hier".
    '!./public/**/*',

  ],

  // Das Theme ist jetzt leer, da du keine Erweiterungen wolltest.
  // Tailwind wird seine nützlichen Standardwerte (wie text-red-500 etc.) weiterhin verwenden.
  theme: {
    // Hier könnten bei Bedarf wieder eigene Stile hinzugefügt werden.
  },

  // Das Plugin für Animationen bleibt erhalten.
  plugins: [
    require("tailwindcss-animate")
  ],
}

[wongjn]

Yes, you're using Tailwind v4 which does not use the tailwind.config.js file. Instead, you'd configure Tailwind in the CSS file:

• Manual dark mode.
• Ignoring specific paths
• Adding legacy JavaScript-based plugins