2
respostas

[Bug] Problemas na configuração do orquestrador

Ao criar a configuração do orquestrador, a configuração já vem diferente de como está na aula, não tendo o System.import, por exemplo, e, ao tentar colocar o System, o erro sai do terminal, mas a aplicação continua sem funcionar como está na aula, não exibe nada.

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá, Gabriel. Tudo bem?

Tiveram algumas atualizações que, de fato, mudaram o projeto base do single spa. Mas você pode utilizar o projeto base disponibilizado no inicio do curso e fazer uma pequena modificação no link de importação do modulo. Assim você terá o projeto com as mesmas dependências e com as mesmas versões do instrutor e poderá acompanhar as aulas, a modificação é a seguinte, no arquivo home-hub-root-config.ts você precisa alterar o link do import, como mostrado abaixo:

registerApplication({
  name: "@single-spa/welcome",
  app: () =>
    System.import<LifeCycles>(
      "https://unpkg.com/single-spa-welcome@2.4.3/dist/single-spa-welcome.js"
    ),
  activeWhen: ["/"],
});

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Cara tive o mesmo problema aqui. o que resolveu foi utilizar o novo Layout Engine.


Olhando melhor aqui é mais simple o problema:

o register vai ficar assim

registerApplication<LifeCycles>({
  name: "@single-spa/welcome",
  app: () =>
    import(
      /* webpackIgnore: true */
      "https://unpkg.com/single-spa-welcome/dist/single-spa-welcome.js"
    ),
  activeWhen: ["/"],
});

em seguida no declarations.d.ts adicione o modulo do singleSpa

declare module "https://unpkg.com/single-spa-welcome/dist/single-spa-welcome.js";