Как устранить ошибку: [Vue warn]: неизвестный пользовательский элемент: & lt; delete-account-modal & gt ;?
Мой взгляд таков:
@extends('layouts.main')
@section('title', 'Bank | Myapp')
@section('content')
@if (Auth::user())
...
<li>
<a href="javascript:;" @click="modalShow('modal-delete-account',{{ $account['id'] }})">
<span class="glyphicon glyphicon-trash"></span> Hapus
</a>
</li>
...
@endif
@endsection
@section('modal')
@include('components.modal.profile.setting.account')
<delete-account-modal id="modal-delete-account" :id-account="idModal"></delete-account-modal>
@endsection
При выполнении на консоли возникает ошибка, подобная этой:
[Vue warn]: Unknown custom element: <delete-account-modal> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in root instance)
Как я могу исправить ошибку?
Решение
Ответ на это полностью зависит от того, как вы пишете свой компонент. Потому что Laravel поощряет использование компоненты одного файла Я предполагаю, что delete-account-model находится в файле с именем delete-account-model.vue в resources/assets/js/componentsЯ также предполагаю, чтоelixir настроен на корректную компиляцию .vue файлы
Итак, чтобы зарегистрировать компонент глобально, вы можете просто добавить следующее в resources/assets/js/app.js:
Vue.component('delete-account-modal', require('./components/delete-account-model.vue'));
Тогда беги gulp перекомпилировать все. Затем вы должны обнаружить, что delete-account-modal компонент доступен.
Другие решения
Других решений пока нет …