主页 / user-604549

Trottenheimer's questions

Martin Hope
Trottenheimer
Asked: 2024-11-29 16:17:36 +0000 UTC
  • 5

我通过 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 中。

请告诉我如何修复这个错误

javascript