NotKyle Comments - Answer Overflow

NotKyle

Posts Comments

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Yea the table broke after adding the prefix lol

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

i was able to add a prefix to our tailwind styles and that seemed to fix it. tailwind.config.js

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    prefix: 'tw-',
    presets: [preset],
    darkMode: 'class',
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
    ],
};

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    prefix: 'tw-',
    presets: [preset],
    darkMode: 'class',
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
    ],
};

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

apparently its just a common naming issue with tailwind and css since they both use some of the same class names

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

and the headers for our navbar came back

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

i removed the 'collapsed' class

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

yea that fixed the errors, thanks

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

ah yes sorry, i wanted to start fresh today so im doing a fresh install of tables, let me run that again

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

home:92 
            
            
           GET http://hsh.test/css/filament/forms/forms.css?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:379 
            
            
           GET http://hsh.test/js/filament/notifications/notifications.js?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:390 
            
            
           GET http://hsh.test/js/filament/support/support.js?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:97 
            
            
           GET http://hsh.test/css/filament/support/support.css?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)

home:92 
            
            
           GET http://hsh.test/css/filament/forms/forms.css?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:379 
            
            
           GET http://hsh.test/js/filament/notifications/notifications.js?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:390 
            
            
           GET http://hsh.test/js/filament/support/support.js?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)Understand this error
home:97 
            
            
           GET http://hsh.test/css/filament/support/support.css?v=3.3.16.0 net::ERR_ABORTED 404 (Not Found)

🫠

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Im going to try and remove most of our front end styles to test and see if the issue is resolved

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

I tried this a little while ago, it seems like it may be an issue with some of my front end styles and the filament styles, as soon as i put this new filament/app.css in our layout, some of our elements disappear. so i believe that toeknee is right. I'm also only using mix for my css bundling.

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .postCss('resources/css/app.css', 'public/css/filament', [
        require("tailwindcss"),
    ])
    .sourceMaps();

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .postCss('resources/css/app.css', 'public/css/filament', [
        require("tailwindcss"),
    ])
    .sourceMaps();

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

If i look at the elements, i can see the @FilamentStyles are being registered as these 2: <link href="http://hsh.test/css/filament/forms/forms.css?v=3.3.16.0" rel="stylesheet" data-navigate-track=""> <link href="http://hsh.test/css/filament/support/support.css?v=3.3.16.0" rel="stylesheet" data-navigate-track="">

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Do you have any suggestions on how I can troubleshoot the css styles not being present now that i was able to compile all the assets? I'm not receiving any errors in dev tools, or in my laravel logs, but the styles still don't seem to be applied to my table. I also have the @FilamentStyles (in the header with livewire styles) and @FilamentScripts (in the body with my livewire scripts) in my layout file.

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

so this would be fine for using the general presets?

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

and in the created postcss.config.js file (in my root) i ONLY have the following:

export default {
    plugins: {
        'tailwindcss/nesting': 'postcss-nesting',
        tailwindcss: {},
        autoprefixer: {},
    },
}

export default {
    plugins: {
        'tailwindcss/nesting': 'postcss-nesting',
        tailwindcss: {},
        autoprefixer: {},
    },
}

this is what it shows in the documentation https://filamentphp.com/docs/3.x/tables/installation#! am I missing stuff for this as well?

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Sorry if I'm not fully understanding, but Im just trying to use the default themes for now, I assume that tailwind.config.js that you sent is doing that, is there anything else needed for the tailwind config other than what you showed? and both the postcss.config.js and tailwind.config.js files should be placed at the file root correct?

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Laravel 10.48.29 composer.json

{
    "name": "laravel/laravel",
    "type": "project",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "require": {
        "php": "^8.3.10",
        "beyondcode/laravel-mailbox": "^4.0",
        "consoletvs/charts": "^6.6",
        "diglactic/laravel-breadcrumbs": "^8.1",
        "filament/filament": "^3.3",
        "filament/tables": "^3.3",
        "guzzlehttp/guzzle": "^7.2",
        "laravel-admin-ext/simplemde": "^1.0",
        "laravel/fortify": "^1.24",
        "laravel/framework": "^10.48",
        "laravel/sanctum": "^3.3",
        "laravel/tinker": "^2.8",
        "laravel/ui": "^4.2",
        "laravelcollective/html": "^6.4",
        "larswiegers/laravel-maps": "^0.14",
        "league/flysystem-aws-s3-v3": "^3.0",
        "livewire/livewire": "^3.0",
        "maatwebsite/excel": "^3.1",
        "matildevoldsen/wire-comments": "^0.5.0",
        "needim/noty": "^3.1",
        "santigarcor/laratrust": "^7.2",
        "sendgrid/sendgrid": "^8.1",
        "spatie/laravel-activitylog": "^4.7",
        "spatie/laravel-medialibrary": "^11.0.0",
        "spatie/laravel-medialibrary-pro": "^6.0.0",
        "spatie/laravel-searchable": "^1.11",
        "stuk/jszip": "^3.0",
        "yajra/laravel-datatables-buttons": "9.0",
        "yajra/laravel-datatables-oracle": "^10.3"
    },
    "require-dev": {
        "spatie/laravel-ignition": "^2.0",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.18",
        "mockery/mockery": "^1.4.4",
        "nunomaduro/collision": "^7.0",
        "phpunit/phpunit": "^10.1"
    },
    "autoload": {
        "psr-4": {
            "App\\": "app/",
            "Database\\Factories\\": "database/factories/",
            "Database\\Seeders\\": "database/seeders/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\\": "tests/"
        }
    },
    "scripts": {
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi",
            "@php artisan filament:upgrade"
        ],
        "post-update-cmd": [
            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ]
    },
    "extra": {
        "laravel": {
            "dont-discover": []
        }
    },
    "config": {
        "optimize-autoloader": true,
        "preferred-install": "dist",
        "sort-packages": true
    },
    "minimum-stability": "stable",
    "prefer-stable": true,
    "repositories": [
        {
            "type": "composer",
            "url": "https://satis.spatie.be"
        }
    ]
}

{
    "name": "laravel/laravel",
    "type": "project",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "require": {
        "php": "^8.3.10",
        "beyondcode/laravel-mailbox": "^4.0",
        "consoletvs/charts": "^6.6",
        "diglactic/laravel-breadcrumbs": "^8.1",
        "filament/filament": "^3.3",
        "filament/tables": "^3.3",
        "guzzlehttp/guzzle": "^7.2",
        "laravel-admin-ext/simplemde": "^1.0",
        "laravel/fortify": "^1.24",
        "laravel/framework": "^10.48",
        "laravel/sanctum": "^3.3",
        "laravel/tinker": "^2.8",
        "laravel/ui": "^4.2",
        "laravelcollective/html": "^6.4",
        "larswiegers/laravel-maps": "^0.14",
        "league/flysystem-aws-s3-v3": "^3.0",
        "livewire/livewire": "^3.0",
        "maatwebsite/excel": "^3.1",
        "matildevoldsen/wire-comments": "^0.5.0",
        "needim/noty": "^3.1",
        "santigarcor/laratrust": "^7.2",
        "sendgrid/sendgrid": "^8.1",
        "spatie/laravel-activitylog": "^4.7",
        "spatie/laravel-medialibrary": "^11.0.0",
        "spatie/laravel-medialibrary-pro": "^6.0.0",
        "spatie/laravel-searchable": "^1.11",
        "stuk/jszip": "^3.0",
        "yajra/laravel-datatables-buttons": "9.0",
        "yajra/laravel-datatables-oracle": "^10.3"
    },
    "require-dev": {
        "spatie/laravel-ignition": "^2.0",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.18",
        "mockery/mockery": "^1.4.4",
        "nunomaduro/collision": "^7.0",
        "phpunit/phpunit": "^10.1"
    },
    "autoload": {
        "psr-4": {
            "App\\": "app/",
            "Database\\Factories\\": "database/factories/",
            "Database\\Seeders\\": "database/seeders/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\\": "tests/"
        }
    },
    "scripts": {
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi",
            "@php artisan filament:upgrade"
        ],
        "post-update-cmd": [
            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ]
    },
    "extra": {
        "laravel": {
            "dont-discover": []
        }
    },
    "config": {
        "optimize-autoloader": true,
        "preferred-install": "dist",
        "sort-packages": true
    },
    "minimum-stability": "stable",
    "prefer-stable": true,
    "repositories": [
        {
            "type": "composer",
            "url": "https://satis.spatie.be"
        }
    ]
}

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "@popperjs/core": "^2.10.2",
        "@tailwindcss/forms": "^0.5.10",
        "@tailwindcss/typography": "^0.5.16",
        "autoprefixer": "^10.4.21",
        "axios": "^1.6.4",
        "bootstrap": "^5.3.3",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.5.3",
        "postcss-nesting": "^13.0.1",
        "resolve-url-loader": "^5.0.0",
        "sass": "^1.32.11",
        "sass-loader": "^11.0.1",
        "tailwindcss": "^3.4.17"
    },
    "dependencies": {
        "chart.js": "^2.9.4",
        "easymde": "^2.17.0",
        "simplemde": "^1.11.2",
        "tributejs": "^5.1.3"
    }
}

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "@popperjs/core": "^2.10.2",
        "@tailwindcss/forms": "^0.5.10",
        "@tailwindcss/typography": "^0.5.16",
        "autoprefixer": "^10.4.21",
        "axios": "^1.6.4",
        "bootstrap": "^5.3.3",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.5.3",
        "postcss-nesting": "^13.0.1",
        "resolve-url-loader": "^5.0.0",
        "sass": "^1.32.11",
        "sass-loader": "^11.0.1",
        "tailwindcss": "^3.4.17"
    },
    "dependencies": {
        "chart.js": "^2.9.4",
        "easymde": "^2.17.0",
        "simplemde": "^1.11.2",
        "tributejs": "^5.1.3"
    }
}

41 replies

FFilament

•Created by NotKyle on 5/22/2025 in #❓┊help

Installing Filament - Laravel Mix asset's wont compile

Sorry shouldve specified that, here are the versions of my packages im running:

41 replies

Gaming

Programming