• 16-03-2025, 21:45:03
    #1
    Merhaba.
    Örneğin "laravel new react-starter-kit" komutu ile bir proje oluşturuyorum ama sayfa görünümü bozuk çıkıyor. Aynısı vuejs ve livewire için de geçerli. Bu sorunu yaşayan/bilen/çözen var mı?

    -windows
    -wamp
    -php 8.2.0
    -laravel installer 5.14.0
    -npm 10.9.1
    -nodejs v22.14.0
    -composer 2.8.6

    Sayfa Görünümü:

  • 16-03-2025, 21:57:35
    #2
    Kaynaktaki app.css e kaynağı görüntüle dedikten sonra bakıp tıklayınca karşıda ne gibi bir uyarı çıkıyor
  • 16-03-2025, 22:08:14
    #3
    Semotion adlı üyeden alıntı: mesajı görüntüle
    Kaynaktaki app.css e kaynağı görüntüle dedikten sonra bakıp tıklayınca karşıda ne gibi bir uyarı çıkıyor
    kaynak kodda öyle bir bağlantı yok. react ve typescript'in çalışma mantıklarına hakim değilim. fakat konsolda görünen app.css, http://[::1]:5173/resources/css/app.css adresinden açılıyor. garip tarafı. youtube vs kaynakta ne kadar sıfır kurulum videosu varsa, sıfır yapılandırma ile welcome sayfasını görebiliyorlar. nodejs'i silip, tekrardan kurdum. önbellekleri temizledim. yine de olmadı.

    vite.config.ts aşağıdaki gibi:
    import tailwindcss from '@tailwindcss/vite';
    import react from '@vitejs/plugin-react';
    import laravel from 'laravel-vite-plugin';
    import { resolve } from 'node:path';
    import { defineConfig } from 'vite';
    export default defineConfig({
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.tsx'],
                ssr: 'resources/js/ssr.tsx',
                refresh: true,
            }),
            react(),
            tailwindcss(),
        ],
        esbuild: {
            jsx: 'automatic',
        },
        resolve: {
            alias: {
                'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'),
            },
        },
    });
  • 16-03-2025, 22:11:03
    #4
    kaynak kodda css e dair bir bağlantı yoksa bunu kontrol edip ekleyin hocam
  • 16-03-2025, 22:13:19
    #5
    laravel new my-app --react

    Komut bu kullandığınız komut yanlış. my-app kısmına kendi istediğiniz bir proje adı yazacaksınız. Kurulumu yaparken npm install & npm run build yapayım mı diyor yap diyeceksiniz eğer başka paket yükleyici kullanıyorsanız sonradan kendiniz yapacaksınız. Sonrasında composer run dev diyerek çalıştıracaksınız sorunsuz giriyor olmanız lazım.
  • 16-03-2025, 22:19:45
    #6
    Semotion adlı üyeden alıntı: mesajı görüntüle
    kaynak kodda css e dair bir bağlantı yoksa bunu kontrol edip ekleyin hocam
    typescripte göre yapılandırması doğru gözüküyor. app.css include ediyor zaten sayfaya; konsolda da görünüyor zaten.

    erpektech adlı üyeden alıntı: mesajı görüntüle
    laravel new my-app --react

    Komut bu kullandığınız komut yanlış. my-app kısmına kendi istediğiniz bir proje adı yazacaksınız. Kurulumu yaparken npm install & npm run build yapayım mı diyor yap diyeceksiniz eğer başka paket yükleyici kullanıyorsanız sonradan kendiniz yapacaksınız. Sonrasında composer run dev diyerek çalıştıracaksınız sorunsuz giriyor olmanız lazım.
    Bunu da denedim. Yine olmadı. Zaten installer ile kurulum yaparken starter kit olarak seçim yaptırıyor. diğer paketlerde de aynı sorun yaşayınca, yapılandırmalarımdan kaynaklandığını düşünüyorum ama çözemedim bir türlü.
  • 16-03-2025, 22:27:58
    #7
    yeni bir klasör açıp tekrar deneyin hocam composer dump-autload yapın
  • 16-03-2025, 22:34:17
    #8
    ozanalkancomtr adlı üyeden alıntı: mesajı görüntüle
    typescripte göre yapılandırması doğru gözüküyor. app.css include ediyor zaten sayfaya; konsolda da görünüyor zaten.



    Bunu da denedim. Yine olmadı. Zaten installer ile kurulum yaparken starter kit olarak seçim yaptırıyor. diğer paketlerde de aynı sorun yaşayınca, yapılandırmalarımdan kaynaklandığını düşünüyorum ama çözemedim bir türlü.
    Bir şeyleri atlıyorsunuz doğru yapsanız sorun çıkmayacaktır zaten. npm run build yaptığınızdan emin olun.
  • 16-03-2025, 23:08:54
    #9
    Buraya kadar olan tavsiyelerinizi denedim. Sonuç değişmedi. Windows'ta dümdüz kurulum yapıp, sıfır yapılandırma ile görünüm alabiliyor musunuz? En kötü ihtimalle docker ile deneyeceğim olmazsa.