Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

bootstrap-vue paketini Vue 3 kullanan var mı ?

programmer1453

Merhabalar Laravel-Inretia-Vue3 üçlüsünü kullanıyorum bootstrap-vue'yi kurmak istedim ama hata veriyor.
npm run dev yaptıktan sonra
şu şekilde bir hata veriyor.

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/node_modules/portal-vue/dist/portal-vue.esm.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

mgsmus

programmer1453 Vue 3 ile kullanabilmeniz için @vue-compact kullanmalısınız diyor:
https://bootstrap-vue.org/vue3

Bir de Bootstrap 4.6 diyor ama şu an Bootstrap 5.3. Neden eski bir şey kullanmak istiyorsunuz? Çok daha güzel, güncel UI kütüphaneleri var:

https://primevue.org/
https://element-plus.org/en-US/
https://vuetifyjs.com/en/
https://ui.vuestic.dev/
https://quasar.dev/

koti42

Bahsettiğiniz hatanın nedeni, Bootstrap Vue'un Vue 2 sürümüne dayalı olduğu ve sizin projenizde Vue 3 kullanıyor olmanızdır. Vue 2 ve Vue 3, farklı modüller ve API'ler kullanır, bu nedenle uyumsuzluklar hatalara yol açabilir. GPT böyle diyor tam bir fikrim olmadığı için gpt 4'e sorayım dedim 😃

programmer1453

koti42

Evet Sorun Vue versiyonlarından kaynaklanıyor, onu farketmiştim ama bi ümit belki kullanan vardır bir yöntem vs. bişi söyler diye sormuştum 😃

koti42

programmer1453 Tahminim geçen filament den örnek vereyim v3 versiyonuna geçti laravel 10+ destekliyormuş laravel 9.8 diye kuramadım 😃 Geçmişe dönük destek vermiyorsa zor gibi çözümü bir çok paketi değiştiği için aslında

programmer1453

koti42
Ah filament biraz bakmıştım ama dökümantasyonuna tam ısınamadım, bazı eklenti veya ekosistemlerde versiyonlar arası geçişlerde gerçekten sıkıntılı, sancılı süreçler olabiliyor, tabi bunların gelişim süreçleri yeni versiyonları vs. geliştirenler için meşakkatli yapanlara da hak veriyorum, sanırım bootstrap vue yerine vuetify kullanacağım.

koti42

programmer1453 Mustafa abi cevap vermiş nasıl kullanabileceğini 😃 Filamente alışmayan birisi için kullanması zor oluyor gerçekten ben dc gruplarını çok aktif kullanıyorum epey elim alıştı ondan

programmer1453

mgsmus
Vue compact'ı anlayamadım çalıştırmayı da denedim genede olmadı,
Eski şeyleri kullanma nedenine alışkanlık diyebilirim 😊 ,
primevue hoşuma gitti onu kullanabilirim 😄
Çok Teşekkür ederim Mustafa abi 😊

programmer1453

koti42
Allah Mustafa Abiden razı olsun hayrını hasenatını arttırsın, Filamentin yapısını az çok kavramıştım ama, Base bir sayfa yapmaya çalışmıştım olmamıştı. fakat bir çok şeyi kolaylaştıması çok iyi ve efsaneydi

koti42

programmer1453 Şuanda v3 de sana çok daha özgür bir alan bıraktılar form tasarlama kısmında ViewButton mu ne ekliyorsun özel tasarımını ekliyorsun mesela ister vue kullan ister livewire kullan hepsi sana kalmış 😃 create işlemini tabi bu sefer controller'a atman gerekiyor

programmer1453

koti42
Bahsettiklerin kulağa hoş geliyor bi incelemek lazım 😃 yalnız Laravel Spatie transtable ile kullanmanın bir yolu var mı orada ?

koti42

programmer1453 Actionun için de istediğini kullanabilirsin 😃 Kendi butonunu inputunu oluşturabilirsin sana bu konuda v3 ile çok büyük özgürlükler tanıtyorlar https://github.com/statikbe/laravel-filament-chained-translation-manager mesela böyle bir yönetim paneli var dil çevirileri için kullanıcıya bunları düzenlemesine bile izin verebiliyorsun https://www.youtube.com/watch?v=hB69kzAjTzw&ab_channel=FilamentDaily

programmer1453

koti42
Çok Teşekkür ederim Reis inceleyeceğim 😃