我在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
进行重建时,一切正常。
我想念什么吗?
答案 0 :(得分:0)
首先您的更改密码组件为空,然后没有导出默认脚本来导出您的组件供使用
答案 1 :(得分:0)
它与此Vue.component('change-password', require('./components/Account/changepassword.vue').default);
代替此:
Vue.component('change-password', require('./components/Account/changepassword.vue'));