Nativescript Vue-显示基于动态导入的模态

Question

我想基于字符串变量导入和加载组件。

 Vue.component(this.componentName, () => import('./' + this.componentName`));
 this.$showModal(this.componentName);

上面的代码无法正常工作，并加载了透明模式。在这种情况下，componentName是“ Text”-它是一个字符串-。

如果我定期导入模式，它可以正常工作。例如：

import Text from './Text'
this.$showModal(Text);

但是，如果我尝试使用变量名来调用它，它会显示：'Unknown custom element: <Text> - did you register the component correctly? For recursive components, make sure to provide the "name" option.'

实际上，组件中已经定义了文本组件名称。

我也尝试了下面的代码，但是与第一个-透明空模式-给出了相同的输出

let component = Vue.component(this.componentName, () => import('./' + this.componentName));
this.$showModal(component);

如何基于字符串变量正确加载组件并将其设置为showModal()？

注意：showModal的第一个参数是 {typeof Vue}组件