【问题标题】:failed to load component in laravel 5.8无法在 laravel 5.8 中加载组件
【发布时间】:2019-09-12 01:09:34
【问题描述】:

我在 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 构建代码时。

我收到以下错误:无法安装组件:模板或渲染 &lt;ChangePassword&gt; &lt;Root&gt;中未定义函数

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

我错过了什么吗?

【问题讨论】:

  • 你是不是require('./components/Account/changepassword.vue').default缺少默认值?
  • 请出示您的组件代码

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


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    而不是这个:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-02
      • 2019-10-14
      • 2019-10-15
      • 2019-09-16
      • 1970-01-01
      • 2020-10-03
      相关资源
      最近更新 更多