vite 配置别名‘@’ vue-router 不能解析动态路由

如图

先上结果，是我的配置写错了，正确的方式应该是

resolve: {
    alias: {
        '@': resolve(__dirname, 'src'),
    },
},

说下解决过程：

1. 怀疑是``（键盘左上角esc下面那一颗）和''有所区别，两个都改了发现还是不行。不过这个也确实是有区别的，要使用''才会正确显示。

如果您写''，这是可以往里面加字符串，但是如果遇到不同数据类型的值您得用‘+’号把两个字符串给连接起来。如果您写的是``,您可以直接用ta把所有的东西直接包裹起来了。估计就是这样被当成动态解析的路由了

2. 我还加了jsconfig.json 我也不知道有没有影响

{
    "include": [
        "./src/**/*",
    ],
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": [
                "./src/*"
            ]
        }
    }
}