Маршрут vue второго уровня выдает ошибку при прямом доступе

Я использую vue-router в своем приложении vue. В моем приложении есть следующие маршруты.

const routes = [
    {name: "home", path: "/", component: Home},
    {name: "user", path: "/user", component: User},
    {name: "edit-user", path: "/user/edit", component: EditUser}
];

const router = new VueRouter({
    routes: routes,
    mode: 'history'
});

Здесь оба маршрута работают отлично при доступе с использованием router-link, как показано ниже.

<router-link to = "/user">Go to user</router-link>
<router-link to = "/user/edit">Edit user</router-link>

Если я обращаюсь к маршрутам напрямую, обновляя страницу, маршрут «/ пользователь» работает отлично. Но маршрут "/ user / edit" показывает черную страницу со следующей ошибкой в ​​консоли (без каких-либо других подробностей об ошибке).

Uncaught SyntaxError: Unexpected token <

Может ли кто-нибудь помочь мне решить эту проблему?