Laravel 11 - TailwindCss Help

harshasoon

Well-known member
  • Feb 4, 2007
    941
    974
    93
    Pluto
    npm run dev command එක ran කරට පස්සේ local server එකේ laravel project එක හොඳට වැඩ
    දැන් shared server එකට දැම්මම css ඇරෙන්න අනෙක් ඔක්කොම හොඳට වැඩ.. layout එක චෝර.. vite වැඩ නැති නිසා..
    new to laravel and tailwindcss.. දන්න කෙනෙක් ඉන්නවනං හෙල්ප් එකක් දෙන්නකෝ..
     
    • Like
    Reactions: snm1990

    Harsh7046

    Well-known member
  • Dec 8, 2009
    5,979
    1,058
    113
    Colombo
    npm run build ekak gahala build karala e files tika thamai server ekata danna oni.
    Eth netnam inspect karala console eka balanna. 404, 403 wage enawanam folder permission issue ekak wenna ona
     
    • Love
    Reactions: harshasoon

    harshasoon

    Well-known member
  • Feb 4, 2007
    941
    974
    93
    Pluto
    npm run build ekak gahala build karala e files tika thamai server ekata danna oni.
    Eth netnam inspect karala console eka balanna. 404, 403 wage enawanam folder permission issue ekak wenna ona
    build karala thamai machan damme.. source eka balauwama pennanne mehema...
    1727979660695.png
     

    mahadana_muththa

    Well-known member
  • Jan 5, 2020
    2,011
    2,475
    113
    https තමා තියෙන්නේ.. මේකේ පෙන්නන්නේ local vite server url.. එක වෙනස් වෙලා නෑ.. එකයි අවුල

    vite.config.js

    JavaScript:
    import { defineConfig } from 'vite';
    import laravel from 'laravel-vite-plugin';
    
    export default defineConfig({
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.js'],
                refresh: true,
            }),
        ],
    });

    ප්‍රොඩක්ෂන් බිල්ඩ් එකේ , Vite assets වලට හෑෂ් වෙලා බණ්ඩල් රිනේම් වෙනවා , ඒ නිසා නිවැරදි compile කළ assets දැම්මද බලන්න. Laravel Blade template එකේ, අතින් දානවා වෙනුවට @vite කමාන්ඩ් එක use කරන්න

    JavaScript:
    @vite(['resources/css/app.css', 'resources/js/app.js'])

    Code:
    php artisan view:clear
    php artisan config:clear
    php artisan cache:clear


    .env එකේ APP_URL එක සෙට් ද බලනන

    tailwind.config.js එකේ unused styles purge වෙන්න මෙහෙම add කරන්න
    JavaScript:
    module.exports = {
      content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
      ],
      theme: {
        extend: {},
      },
      plugins: [],
    }
     
    • Love
    Reactions: harshasoon

    harshasoon

    Well-known member
  • Feb 4, 2007
    941
    974
    93
    Pluto
    vite.config.js

    JavaScript:
    import { defineConfig } from 'vite';
    import laravel from 'laravel-vite-plugin';
    
    export default defineConfig({
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.js'],
                refresh: true,
            }),
        ],
    });

    ප්‍රොඩක්ෂන් බිල්ඩ් එකේ , Vite assets වලට හෑෂ් වෙලා බණ්ඩල් රිනේම් වෙනවා , ඒ නිසා නිවැරදි compile කළ assets දැම්මද බලන්න. Laravel Blade template එකේ, අතින් දානවා වෙනුවට @vite කමාන්ඩ් එක use කරන්න

    JavaScript:
    @vite(['resources/css/app.css', 'resources/js/app.js'])

    Code:
    php artisan view:clear
    php artisan config:clear
    php artisan cache:clear


    .env එකේ APP_URL එක සෙට් ද බලනන

    tailwind.config.js එකේ unused styles purge වෙන්න මෙහෙම add කරන්න
    JavaScript:
    module.exports = {
      content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
      ],
      theme: {
        extend: {},
      },
      plugins: [],
    }
    හරි BROTHER වැඩේ ගොඩ.. ඔයා මුලින් කියපු CASE එක තමා වෙලා තිබ්බේ.. THANK YOU SOO MUCH+++ :love2: