Изучение vue, настройка с помощью Laravel, так как проект небольшой, я избегаю npm и импортирую файлы через cdn, но получаю сообщение об ошибке
[Vue warn]: неизвестный пользовательский элемент: - вы зарегистрировалиськомпонент правильно?Для рекурсивных компонентов обязательно укажите опцию «name».
(найдено в)
app.js: 36567 [Vue warn]: неизвестный пользовательский элемент: - вы зарегистрировали компонентправильно?Для рекурсивных компонентов не забудьте указать параметр «имя».
1) index.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Dashboard</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="csrf-token" content="{{ csrf_token() }}">
@include('master.partials.css')
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" id="app">
@include('master.partials.header')
<!-- Left side column. contains the logo and sidebar -->
@include('master.partials.leftSideBar')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<router-view></router-view>
@yield('content')
</div>
<!-- /.content-wrapper -->
@include('master.partials.footer')
</div>
<!-- ./wrapper -->
@include('master.partials.js')
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
</body>
</html>
2) master.partials.leftSideBar содержит ссылку на маршрутизатор
<li class="active treeview">
<router-link to="/dashboard">Dashboard</router-link>
<a href="#">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
</a>
</li>
3) resource / js / app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.use(VueRouter);
Vue.component('example-component', require('./components/ExampleComponent.vue'));
const routes = [
{ path: '/dashboard', component: require('./components/dashboard/index.vue') }
]
const app = new Vue({
router
}).$mount('#app')