Vue.js defineAsyncComponent导入包含.Vue将导致很长的服务时间

在我的代码中，

npm run-service

运行良好（例如，完成时间<10秒）：-

这也适用于

npm运行服务

（例如，<10秒完成）：-

但是，这不能正常工作（例如，2分钟仍未完成）：-

此外，这也不起作用（例如，2分钟仍未完成）：-

我相信.vue路径只是一个字符串，为什么它不能被导入

import { defineAsyncComponent } from 'vue';

const newGame = defineAsyncComponent(() =>
    import('./mission/hair.vue')
)

export default {
    name: "App",
    components: {
        newGame
    },
};

import { defineAsyncComponent } from 'vue';

const path = "./mission/"

const newGame = defineAsyncComponent(() =>
    import(`${path}hair.vue`)
)

export default {
    name: "App",
    components: {
        newGame
    },
};

import { defineAsyncComponent } from 'vue';

const path = "./mission/hair.vue"

const newGame = defineAsyncComponent(() =>
    import(`${path}`)
)

export default {
    name: "App",
    components: {
        newGame
    },
};

import { defineAsyncComponent } from 'vue';

const path = "./mission/hair"

const newGame = defineAsyncComponent(() =>
    import(`${path}.vue`)
)

export default {
    name: "App",
    components: {
        newGame
    },
};