动态导入

Question

我正在尝试在Vue Mounted挂钩中导入JS文件。我正在尝试的导入语句是：

async mounted() {
   const file_import = import await import(this.gql_query_route);
   /* Now I would query from different files based on parent components */
}

gql_query_route是一个道具，其中包含来自父组件的文件路径。

问题 Error: Cannot find module '@/gql/query1.js'

信息 如果执行import ('@/gql/query1.js')，导入语句将起作用。超出了我的理解范围，为什么包含指向文件路径的字符串不能简单地工作。我还检查了typeof(this.gql_query_route)，即string。

任何对此的澄清将非常有帮助。从现在开始，我一直困扰于此问题，无法以任何方式找到修复程序。