我通过 ModuleFederation 连接了两个应用程序。一切似乎都工作正常,所有依赖项都已就位,但只有当您编写如下所示的导入函数时它才有效:
const loadComponent = () => {
component.value = defineAsyncComponent(() => import(`app1/test`));
};
我希望能够将此功能用于不同的组件,即像这样:
const loadComponent = (path) => {
component.value = defineAsyncComponent(() => import(`app1/${path}`));
};
但是使用第二种方法时,会出现错误:
找不到模块:错误:无法解析“C:\Users\User\web\host\src”中的“app1”
而且,无论是直接在导入函数中编辑该行,还是通过变量提前写入,都没有关系:
const loadComponent = () => {
const path = 'app1/test'
component.value = defineAsyncComponent(() => import(path));
};
这个选项也不起作用。有一个假设,如果您在导入中不提供干净的行,Vue 将在其自己的目录中查找组件,而不是在 ModuleFederation 中。
请告诉我如何修复这个错误