无法在laravel 5.8中加载组件

时间:2019-04-22 21:13:29

标签: vue.js laravel-5.7 laravel-5.8

我在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进行重建时,一切正常。

我想念什么吗?

2 个答案:

答案 0 :(得分:0)

首先您的更改密码组件为空,然后没有导出默认脚本来导出您的组件供使用

答案 1 :(得分:0)

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

一起使用

代替此:

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