Добрый вечер!
Сразу скину код:
Main.jsvar component = {
components:{
'navbar': httpVueLoader('static/com/widgets/Navbar.vue')
}
}
var routes = [
{ path: '/', component: httpVueLoader('static/com/Home.vue') },
{ path: '/contact', component: httpVueLoader('static/com/Contact.vue') }
]
var router = new VueRouter({ routes, mode: 'history', base: '/' })
var app = new Vue({ el:'#app', router, component })
index.html<!DOCTYPE html>
<html>
<head>
<title>Site Engine</title>
<link href="{{ url_for('static', filename='css/roboto.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script> for production -->
<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
<script src="https://unpkg.com/http-vue-loader"></script>
</head>
<body>
<div id="app">
<navbar></navbar>
<router-view></router-view>
</div>
<script src="{{ url_for('static', filename='Main.js') }}"></script>
</body>
</html>
Как вы видите у меня тут есть пару роутеров и я пытался вывести однофайловый компонент. Проблема заключается в том что Vue, не видит
navbar, уже и не знаю что делать... Прошу помочь с данной проблемой