Javascript 直接访问时，第二级vue路由引发错误

我正在我的vue应用程序中使用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 to="/user">Go to user</router-link>
<router-link to="/user/edit">Edit user</router-link>

转到用户
编辑用户

如果我通过页面刷新直接访问路由，则路由“/user”可以完美工作。但是路由“/user/edit”在控制台中显示一个黑色页面，其中只包含以下错误（没有任何其他错误详细信息）

未捕获的语法错误：意外标记<

有谁能帮我解决这个问题吗？
这是一个很小的原因造成的。在我的HTML主页中，js文件链接如下：

<script type="text/javascript" src="js/app.js"></script>

<script type="text/javascript" src="/js/app.js"></script>

我面临着同样的问题，我通过添加

publicPath:'/'

在我的网页包中，建议在

感谢
谢谢。在使用第二个级别（例如“comments/1”）时，我遇到了相同的错误“Uncaught SyntaxError:Unexpected token==”，通过在vue.config.js中添加“/”解决了这个问题。这是我的vue.config.js:module.exports={baseUrl:“/”，devServer:{disableHostCheck:true，}
<script type="text/javascript" src="/js/app.js"></script>