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

Erro ao rodar a aplicação

Olá a todos!

Então, após configurar tudo direitinho e checar os arquivos mais de uma vez, não consigo entender porque estou tendo esse erro ao tentar carregar a minha aplicação:

(index):20 Error: SyntaxError: Unexpected token <
        at eval (<anonymous>)
    Evaluating http://localhost:3000/app/main.js
    Error loading http://localhost:3000/app/main.js

Não sei se está relacionado ao fato de eu ter o Angular-cli instalado na minha maquina pra acompanhar outro curso que faço pela Udemy, mas em teoria deveria funcionar normalmente... ou estou errado?

De toda forma, eu tentei criar uma projeto no angular-cli pra tentar acompanhar o curso, mas parece que não conversou muito bem com o serve do node js que vem no pacote zip do curso...

E agora?

5 respostas

Esquece o bugado AngularCLI por enquanto. Nem a Google usa em produção ainda.

Se você começar do zero e levantar o server nada vai funcionar porque nenhuma linha de código foi escrita.

Continue com o projeto criando os arquivos iniciais e me da o feedback.

Opa Flávio.

Então, parando um pouco pra pensar não acho que está relacionado ao fato de eu ter o angular-cli instalado uma vez que o projeto é baixado todo pronto. Pelo que eu pesquisei, acredito que o problema dá associado a versão do node.js que eu eu tinha instalado (7.1).

Eu já desinstalei e instalei a versão LTS do node.js, mas não tive tempo pra testar ainda, mas assim que estiver no computador eu vou tentar rodar o npm install novamente pra vê se funciona normalmente.

Assim que testar eu darei o feedback aqui.

Okay.. eu não sei o que causou o problema, mas após remover todos os pacotes npms instalados e baixar o projeto inicial do zero, o erro ainda permaneceu... sem que eu ao menos fizesse qualquer alteração.

(index):20 Error: SyntaxError: Unexpected token <
        at eval (<anonymous>)
    Evaluating http://localhost:3000/app/main.js
    Error loading http://localhost:3000/app/main.js

esse erro acontecia na seguinte linha do index.html.

 System.import('app').catch(function(err){ console.error(err); });

Eu apaguei os primeiros arquivos do projeto e utilizei os arquivos do fornecidos no pacote da segunda aula, e o erro parou de acontecer, mas eu digo, eu não fiz nada fora do normal. Fiz tudo o que foi descrito na aula.

Bom, de toda forma, vai da pra acompanhar o curso, apesar de não ter descoberto o que estava causando esse problema e me achar levemente incompetente por causa disso, mas, c'est la vie.

solução!

Mano, apesar de você ter colocado como concluído mas não obtendo um motivo aparente para o problema vou lhe dizer como resolvi o mesmo problema que você teve. Eu estava com esse mesmo problema e então depois de procurar alguma coisa na internet e não achar nada que sanasse meu problema resolvi tentar deletar a pasta node_modules para dar novamente um npm install. Ao fazer isso, ao fazer npm install, instalando assim novamente os plugins e módulos necesserários a aplicação, ao final, vi que um módulo não conseguiu ser baixado. O módulo era o client@1.0.0, então resolvi instala-lo manualmente sem setar essa versão. Ao fazer isso, ao baixar o pacote para a minha surpresa ao rodar novamente a aplicação, tudo funcionou como num passe de mágica. Então é isso, se der um problema como esse novamente a dica que passo a qualquer pessoa que venha a ter o mesmo problema é deletar a pasta Node_Modules e dar novamente um npm install e verificar se todos os modulos estão sendo instalados sem haver problemas.

Espero ter ajudado alguém ai. Att. Fabiano Farah

Fabiano, excelente respostas.

Eu não tive mais o problema, e pra ser bem sincero, se for pra começar um projeto novo eu começaria usando o ng new do angular-cli, de toda forma eu marcaria a sua resposta como a solução, mas o meu post já tinha sido fechado.

Fica a resposta pra posteridade de quem for realizar o curso.