2017-09-15 4 views
-2

Ich habe das Vermögen kompiliert und liefLaravel 5.5 und vue js Arbeit nicht aus der Box

npm von npm Lauf gefolgt Installation

am Beispiel Vue-Datei sehen, die bauen kommt in I welcome.blade geändert

<body> 
    <div id="app"> 
     <Example></Example> 
    </div> 

    <script href="{{URL::asset('js/app.js')}}" charset="utf-8"></script> 
    </body> 
</html> 

und auch Vue Entwickler-Tools und nichts installieren anschautbei allen

Example.vue

app.js

/** 
* First we will load all of this project's JavaScript dependencies which 
* includes Vue and other libraries. It is a great starting point when 
* building robust, powerful web applications using Vue and Laravel. 
*/ 

require('./bootstrap'); 

window.Vue = require('vue'); 

/** 
* Next, we will create a fresh Vue application instance and attach it to 
* the page. Then, you may begin adding components to this application 
* or customize the JavaScript scaffolding to fit your unique needs. 
*/ 

Vue.component('example', require('./components/Example.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

What I get on page load

+0

Sagt die Konsole irgendetwas? Sie haben nicht genügend Informationen zur Verfügung gestellt, um Ihnen zu helfen. –

+0

Konsole ist leer, Bildschirm ist auch leer, es ist einfach keine Ladung, ich habe den Cache geleert und schwer reloaded – GrahamMorbyDojo

+0

Ich habe das gleiche Problem mit Vue, und in der Konsole kann ich den Fehler sehen "[Vue warnen]: Fehler beim Mount-Komponente: Vorlage oder render-Funktion nicht definiert in gefunden ---> " –

Antwort

0

Sie müssen nur <script src="{{ mix('js/app.js') }}"></script> vor de </body> Tag hinzuzufügen.

Auf diese Weise fügen Sie die Mischung hinzu, die die Vue-Bibliothek, Komponenten und so viel mehr enthält.

Ich hoffe, das hilft.