Mac（localhost）上的vue-router历史记录模式在直接访问时引发错误

Question

我正在localhost开发上测试vue-router的历史记录模式，当我尝试直接访问URL http://localhost:8080/map/2时遇到错误。当我通过某种$router.push到达URL时，它的行为正确。我想知道是什么原因引起的。

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 <时，通常意味着您的编译器已在未设置为可编译的文件中命中了元素标签“ <”。

使用Vue时，通常是<script>单个文件组件库中的xyz.vue标记。

如果使用PWA，则可能会缓存文件或设置。首先，我将尝试使用另一个尚未访问该页面的浏览器，以查看是否存在缓存问题。如果它在其他浏览器中运行，请尝试hard refresh，或注销该页面的Web应用程序的服务程序。

如果在其他浏览器中失败，我将调查您的webpack和/或vue配置文件。