Hey ich benutze Vue + Laravel und benutze webpack.mix für die Paketkontrolle.Vue Element wird nicht gerendert
Derzeit auf einem eigenartigen Problem stecken. Ich versuche, Komponente in meiner app.js-Datei zu rendern.
App.js
Vue.component('navigation',require ('./views/navigation.vue'));
Vue.component('Example', require('./components/Example.vue')); //this works
const app = new Vue({
el: '#app',
components: {
navigation
}
});
Php Blade-Datei, in der Komponente gerendert wird.
<body>
<div id="app">
<div class="container">
<navigation></navigation>
</div>
</div>
Und meine Navigationskomponente
<template>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-
toggle="collapse" data-target="#navbar" aria-expanded="false" aria-
controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
Als Beispiel Komponente kommt aus der Box, so dass es funktioniert, aber die Navigationskomponente spuckt diesen Fehler aus.
app.js: 814 [Vue warnen]: Unknown individuelle Element: - Sie die Komponente korrekt registriert haben? Stellen Sie für rekursive Komponenten sicher, dass Sie die Option "name" angeben.
Jede Hilfe wäre willkommen.
Meine nav Komponente ist richtig, wie ich das Skript exportieren aswell mit – Sam