mac（localhost）上的vue-router历史模式在直接访问时抛出错误

Question

我在 localhost 开发中测试 vue-router 的历史模式，当我尝试直接访问 URL：http://localhost:8080/map/2 时出现错误。当我通过某种 $router.push 访问 URL 时，它的行为正确。我想知道是什么导致了这个问题。

路由器/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时，这通常是xyz.vue单文件组件库中的<script>标签。

如果您使用 PWA，则可能会缓存文件或设置。我会先尝试一个没有访问过该页面的不同浏览器，看看它是否是一个缓存问题。如果它可以在其他浏览器中运行，请尝试hard refresh，或为页面的网络应用取消注册服务工作者。

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