режим истории vue-router на mac (localhost) выдает ошибку при прямом доступе

Question

Я тестирую режим истории vue-router при разработке localhost и получаю сообщение об ошибке при попытке прямого доступа к URL: http://localhost:8080/map/2.Когда я получаю URL через $router.push, он ведет себя правильно.Мне интересно, что может быть причиной этой проблемы.

router / index.js

import Vue from "vue"
import Router from "vue-router"

const PublicMap = () => import("@/components/PublicMap/index.vue")

Vue.use(Router)

var routes = [
    {
        component: PublicMap,
        name: "map",
        path: "/map/:_id",
    },
]

export default new Router({
    routes,
    mode:
        "history"
})

Ошибка:

Uncaught SyntaxError: Unexpected token <

Answer 1

Когда вы получаете Uncaught SyntaxError: Unexpected token <, это обычно означает, что ваш транспортер нажал на тег элемента '<' в файле, для которого он не настроен для транспорта. </p>

При использовании Vue это обычно тег <script> в xyz.vue библиотеке отдельных файловых компонентов.

Если вы использовали PWA, файл или параметр могут быть кэшированы. Сначала я бы попробовал другой браузер, который не посещал страницу, чтобы увидеть, является ли это проблемой кеширования. Если он работает в другом браузере, попробуйте hard refresh или отмените регистрацию работника службы для веб-приложения страницы.

Если в другом браузере произошел сбой, я бы посмотрел в вашем веб-пакете и / или vue конфигурационных файлах.