如何让应用程序在单个 spa 的集成和独立中运行

Question

我是单页应用程序 (SPA) 的新手。我创建了 3 个独立的应用程序，其中一个是根配置应用程序，另外两个充当子应用程序。我们需要单独运行这些子应用程序之一。

但部署的应用程序出现以下错误：

你的微前端不在这里

我可以知道如何在本地完成它当我从本地运行它时它成功运行吗

npm run start:standalone  command

Answer 1

首先：您收到的“错误”不是错误。微前端（mfe）是微前端，独立应用程序是独立应用程序。页面上有一个说明，说明您必须执行哪些操作才能使其运行。

我不建议在独立模式下运行单 Spa MFE，原因有多种，独立插件的自述文件中也有说明。它基本上也只是创建一个标准的小型根配置供您使用。

但最大的原因是标准的纱线运行服务：独立不会创建优化的构建，这会导致捆绑包大小的增加。EG 如果构建正确，我的一个 MFE 大小为 1mb，但如果未优化，大小约为 13mb。这是相当引人注目的。

如果您想在没有其他微前端的情况下运行微前端，我认为您有两种选择：

1. 创建另一个根配置。没有什么可以阻止您创建另一个根配置并仅在其中显示单个组件。您甚至可以将根配置的构建部署到您正在显示的 MFE 的同一环境中（我不知道您的部署过程）。
2. 在根配置上创建一条仅显示单个组件的路由。

如果您仍然选择使用独立模式，您将需要一个带有节点的服务器/Docker容器并在其中运行它。我不知道独立插件的任何构建输出。