Giriş yapmadınız.

Duyuru

TÜRKÇE KİTAP DUYURUSU:
Laravel 5 : Laravel 5.1 Güzelliği (Türkçe)
Vue.js 2 : Vue.js 2 Majesteleri (Türkçe)

#1 23.04.2018 17:19:51

mirimiran
Üye
Kayıtlı: 04.02.2016
Mesajlar: 241

Vue js Hata

Merhaba arkadaşlar vue js öğrenmeye yeni başladım laravel ile çalışıyorum gerekli tüm adımları yaptığım halde [Vue warn]: Cannot find element: app hatası alıyorum yardımcı olabilir misiniz

Çevrimdışı

#2 23.04.2018 22:39:14

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,397
Website

Yanıt: Vue js Hata

Vue.js'nin çalışması için bir html tag'ına bağlanması gerekir.

Örneğin;

<body id="app">
    {{ mesaj }}
</body>

ile

var app = new Vue({
  el: '#app',
  data: {
    mesaj: 'Merhaba Vue Dünyası!'
  }
})

bağlantısı yapılır.

Çevrimdışı

#3 26.04.2018 14:38:29

mirimiran
Üye
Kayıtlı: 04.02.2016
Mesajlar: 241

Yanıt: Vue js Hata

Hocam cevabınız için teşekkürler hata app.js dosyasını önce yüklediğimden hata veriyormuş vue js i yeni öğrenmeye çalıştığımdan böyle basit hatalar olabiliyor.

Hocam  bu vue js ile laraveli entegreli bir şekilde anlatan bir döküman var mı ben çok detaylı bir döküman bulamadım yardımcı olabilirseniz çok sevinirim

Çevrimdışı

#4 26.04.2018 14:57:08

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,397
Website

Yanıt: Vue js Hata

Başta olur böyle hatalar, zamanla daha zorları ile de karşılacaksınız pes etmeyin smile

Vuejs'nin kendi web sitesine ilaveten Laracasts sitesinde ve youtube'da videolar mevcut, aralarında Türkçe olanlar da var youtube videolarının. Bir de naçizane kitabım var, resource bölümünde söz ettiğiniz konu mevcut.

İyi çalışmalar.

Çevrimdışı

#5 27.04.2018 09:36:37

mirimiran
Üye
Kayıtlı: 04.02.2016
Mesajlar: 241

Yanıt: Vue js Hata

Hocam kitaptan çalışamıyorum vuejs'in kendi sitesindeki örneklere baktım öğrenmeye çalışıyorum vuejs i tek başına kullandığımda sıkıntı yok laravel ile entegreli çalışmak sitediğimde app.js diğer js dosyalarımla çakışıyor yönetim panelimdeki çoğu js dosyasını engelliyor bunun çzümünü nasıl yapacağımı bilmiyorum umarım sizin gibi değerli hocalarımız forumda yardımcı olurlar

Çevrimdışı

#6 27.04.2018 11:05:08

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,397
Website

Yanıt: Vue js Hata

Webpack ile ilgili dosyaları izlemelisiniz bence. JS Dosyalarınız derlendikten sonra çalışır durumu gelir.

Bu videoda Laravel ve Vue için güzel bir örnek var: https://laracasts.com/series/learn-vue- … pisodes/18

Setin ücretsiz diğer videolarını da izlemenizi salık veririm.

Çevrimdışı

#7 28.04.2018 11:53:03

mirimiran
Üye
Kayıtlı: 04.02.2016
Mesajlar: 241

Yanıt: Vue js Hata

Hocam npm install komutunu yazdıktan sonra bu çakışmalaar oluyor webpack.min.js dosyasından tüm js dosyalarımı mix yapmam mı gerekiyor ben sadece app.js dosyasını mix liyorum

Çevrimdışı

#8 29.04.2018 01:18:59

mirimiran
Üye
Kayıtlı: 04.02.2016
Mesajlar: 241

Yanıt: Vue js Hata

Hocam <router-view></router-view> kullanmaya çalıştığımda VueRouter is not a constructor hatası alıyorum

app.js kodum;

require('./bootstrap');

let Vue= require('vue');
let VueRouter = require('vue-router');

import Dashboard from './components/backend/Dashboard.vue'
import Units from './components/backend/settings/Units.vue'

Vue.use(VueRouter);

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/yonetim', component: Dashboard
        },
        {
            path: '/yonetim/settings/units', component: Units,
        },

    ],
});
export default routes;
const app = new Vue({
  router
}).$mount('#app');

Nerde hata yapıyorum?

Çevrimdışı

Forum alt kısmı