James mcconnon James mcconnon - 1 year ago 968
PHP Question

Vue Components not showing up using passport in laravel 5.3

As you can see from the title I am trying out Laravel 5.3 and passport.

So I have gone through the steps to install Laravel passport and as far as I can see everything is in place.

I have put the corresponding Vue components into the markup of my home.blade.php as follows to test as per the docs which I have done like so


<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Dashboard</div>

<div class="panel-body">
You are logged in!


Vue is detected as running in my dev tools however no Vue components are showing up.

Here is my app.js

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

const app = new Vue({
el: 'body'




I am getting the error

vue.common.js?4a36:1019 [Vue warn]: Unknown custom element: <passport-clients> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Any idea how I can fix this?I am fairly new to Vue

tam tam
Answer Source

In your app.js file, import the components immediately below or in place of the example component, but before creating the new Vue object where it gets bound to the DOM.

Don't forget to run gulp as well. :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download