javascript - mac(本地主机)上的 vue-router 历史模式在直接访问时抛出错误

Question

我正在本地主机开发上测试 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 时，这通常是 <script>在 xyz.vue 中标记单文件组件库。

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

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