我已经使用Vite CLI安装了Vue3/TS项目
我的vite. config. ts看起来像这样：

import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import path from 'path'

export default defineConfig({
    plugins: [vue()],

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

我还在tsconfig.json中添加了'paths'属性：

{
    "compilerOptions": {
        ...
        "baseUrl": "./",
        "paths": {
            "@/*": ["./src/*", "./dist/*"]
        }
    },
    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

在这个设置中，"@"别名可以很好地用于简单的组件导入。但是在我的例子中，我需要在动态导入中使用模板字符串：

<script setup lang="ts">
import { useStore } from '@/store/app'
import { computed, defineAsyncComponent } from 'vue'

const store = useStore()
const userRole = store.getUserRole

const component = computed(() => {
    return defineAsyncComponent(
        () => import(`@/components/pages/dashboard/${userRole}.vue`)
    )
})
</script>

此示例引发错误：
未捕获（承诺中）TypeError：无法解析 Jmeter 板中的模块说明符"@/components/pages/dashboard/admin. vue "。vue：14：54
如果我用点符号替换"@"--它工作正常。需要你的帮助）