Vue - Unknown custom element: did you register the component correctly?

I am getting the following error when I load a page:

[Vue warn]: Unknown custom element: <quote-dialog> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

However, the component seems to be loaded in app.js file when I open it in the browser:

Vue.component('quote-dialog', __webpack_require__(706).default);

The view looks like this:

<div id="app">
    <quote-dialog v-model="show_quote_dialog"
                  :header="header"
                  :text="text">
    </quote-dialog>
</div>

What can be the problem here?

My app.js file looks like this:

require('./bootstrap');
import babelPolyfill from 'babel-polyfill';
import Vuetify from 'vuetify'

window.Vue = require('vue');
var vueResource = require('vue-resource');

Vue.use(Vuetify);


Vue.component('quote-dialog', require('./components/QuoteDialog.vue').default);

Thanks for any help!

via Chebli Mohamed