Пытаюсь создать vue приложение. За основу роутинга взял vue-router. Пишу в app.js следующий код:
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import App from './views/App'
import Main from './views/Main'
const router = new VueRouter({
mode: 'history',
routes: [
{
path: '/',
name: 'main',
component: Main
},
],
});
const app = new Vue({
el: '#app',
components: { App },
router,
});
И соответственно в фаил App.vue:
<template>
<div>
<h1>Vue Router Demo App</h1>
<p>
<router-link :to="{ name: 'main' }">Home</router-link> |
</p>
<div class="container">
<router-view></router-view>
</div>
</div>
</template>
<script>
export default {}
</script>
И фаил Main:
<template>
<p>This is main template/p>
</template>
Но при запуске приложения у меня следующая ошибка:
Uncaught Error: Module build failed (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): RangeError: Invalid string length at repeat$1 (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-template-compiler/build.js:4579) at Object.generateCodeFrame (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-template-compiler/build.js:4561) at loaderContext.emitError.compiled.errors.map (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-loader/lib/loaders/templateLoader.js:64) at Array.map () at Object.module.exports (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-loader/lib/loaders/templateLoader.js:63) at repeat$1 (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-template-compiler/build.js:4579) at Object.generateCodeFrame (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-template-compiler/build.js:4561) at loaderContext.emitError.compiled.errors.map (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-loader/lib/loaders/templateLoader.js:64) at Array.map () at Object.module.exports (:8080/home/user/Документы/development/spabrutaltree/node_modules/vue-loader/lib/loaders/templateLoader.js:63) at Object../node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Main.vue?vue&type=template&id=2ad93e50& (app.js:629) at webpack_require (app.js:20) at Module../resources/js/views/Main.vue?vue&type=template&id=2ad93e50& (app.js:15428) at webpack_require (app.js:20) at Module../resources/js/views/Main.vue (app.js:15393) at webpack_require (app.js:20) at Module../resources/js/app.js (app.js:15291) at webpack_require (app.js:20) at Object.0 (app.js:15453) at webpack_require (app.js:20)
В чем проблема?