Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] Problemas ao utilizar comandos iniciais do projeto

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

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

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!

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

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 )