vue.js - 无法在 laravel 5.8 中加载组件

Question

我在 vue.js 中有以下 2 个组件并在 Laravel 5.8 中使用

这是 app.js 文件。

require('./bootstrap');
import VeeValidate from 'vee-validate';

window.Vue = require('vue');

Vue.use(VeeValidate);

Vue.component('profile', require('./components/Account/Profile.vue').default);
Vue.component('change-password', require('./components/Account/changepassword.vue'));

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

以下是更改密码组件中的代码。

<template>
    <div>

    </div>
</template>

当我使用npm run dev.

我收到以下错误：无法安装组件：模板或渲染函数未定义<ChangePassword> <Root>

当我从 app.js 中删除更改组件引用并重新构建时，npm run dev一切正常。

我错过了什么吗？

标签： vue.jslaravel-5.7laravel-5.8

Answer 1

它适用于这个Vue.component('change-password', require('./components/Account/changepassword.vue').default);

而不是这个：

Vue.component('change-password', require('./components/Account/changepassword.vue'));