Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] Problemas ao utilizar comandos iniciais do projeto

Referente ao curso Single SPA: orquestrando micro front-ends, no capítulo Utilizando o single-spa e atividade Configurando o orquestrador

por Caio Anderson Góes
| 54.7k xp | 3 posts

Olá! Venho aqui pedir encarecidamente uma solicitação de ajuda no projeto que está sendo feito com single-spa. Estou tentando utilizar os comandos informados pelo professor para iniciar meu projeto com single-spa e mesmo fazendo passo a passo ele ainda continua dando erro.

Estou com a versão do Node v.20.10.0; Utilizei git clone no repositório; Dei npm install na pasta;

Quando utilizo npm start e vou ao localhost:9000 encontra-se assim no navegador:

ImagemQuando o professor utiliza o localhost:9000 com os mesmos passos aparece deste jeito para ele:

Imagem2

4 respostas
por Mike de Sousa
| 693.1k xp | 1047 posts
Alura Scuba Team Suporte Educacional

Olá, Caio, tudo bem? Você poderia me dar mais informações sobre o problema? Olhando no terminal e no console do navegador, aparece alguma mensagem de erro?

Fico no aguardo e à disposição
por Caio Anderson Góes
| 54.7k xp | 3 posts

Posso sim lhe fornecer mais informações. vou explicar detalhadamente o que fiz e os erros que me aparecem.

Primeiramente utilizei git clone -b curso-1/aula-1.3 https://github.com/alura-cursos/home-hub.git para clonar a pasta home-hub. Em seguida utilizei cd root e utilizei npm install. Assim que utilizei o npm install dei npm start no caminho root e usei o localhost:9000 no navegador.

Quanto aos erros me apareceram estes no momento:

Imagem

solução!
por Mike de Sousa
| 693.1k xp | 1047 posts
Alura Scuba Team Suporte Educacional

Olá, Caio. Tudo bem? Peço desculpas pela demorar em te retornar!

Acredito que esse problema esteja sendo causado pela importação do módulo para o SPA. Você pode ajustar o projeto para solicitar uma versão específica desse módulo. No arquivo home-hub-root-config.ts você precisa alterar o link do import:

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

Deve ficar dessa forma, importando a versão 2.4.3:

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

Também recomendo manter a versão do node que o instrutor utiliza no curso (v21.5.0). Fico a disposição caso tenha mais dúvidas.

Espero ter ajudado!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
por FLÁVIA ALVES DE SOUZA
| 21.4k xp | 1 posts

Eu estou tendo o mesmo problema, e mesmo seguindo as recomendações de solução o meu problema não foi resolvido ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )