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

Erro ao carregar a página após SystemJS e refatoração do código

Olá Flávio,

A minha página apresentou um erro diferente dos demais questionamentos:

Navigated to http://localhost:3000/ system.src.js:5123 GET http://localhost:3000/traceur.js 404 (Not Found) Z @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 Promise.then (async) s @ system.src.js:5123 i @ system.src.js:5123 (anonymous) @ system.src.js:5123 a @ system.src.js:5123 (anonymous) @ system.src.js:5123 Promise.then (async) import @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 Promise.then (async) (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ system.src.js:5123 Promise.then (async) l @ system.src.js:5123 s @ system.src.js:5123 i @ system.src.js:5123 (anonymous) @ system.src.js:5123 a @ system.src.js:5123 (anonymous) @ system.src.js:5123 Promise.then (async) import @ system.src.js:5123 (anonymous) @ system.src.js:5123 (anonymous) @ (index):53 (index):54 Error: (SystemJS) Error: XHR error (404 Not Found) loading http://localhost:3000/traceur.js Error loading http://localhost:3000/traceur.js Error loading http://localhost:3000/js/app/boot.js (anonymous) @ (index):54 Promise.catch (async) (anonymous) @ (index):53

Seguem os códigos do boot.js e implantação no index.html: obs.: não estou usando o polyfill (deletei o arquivo), de acordo com outra postagem no fórum

import {NegociacaoController} from './controllers/NegociacaoController';
//import {} from '.polyfill/fetch';


let negociacaoController = new NegociacaoController();

document.querySelector('.form').onsubmit =  negociacaoController.adiciona.bind(negociacaoController);
document.querySelector('[type=button]').onclick = negociacaoController.apaga.bind(negociacaoController);

index:

 <script src="node_modules/systemjs/dist/system.js"></script>
  <script>
    System.defaultJSExtensions = true; //permite omitir a extensão .js dos imports
    System.import('js/app/boot').catch(function(err){
      console.error(err);
    });
  </script>

Não possuo muito traquejo no node e comecei a aprender programação somente este ano, então confesso que não sei nem por onde começar a debugar este erro...

4 respostas

Oi Clarisse! Geralmente quando isso acontece é caminho de arquivo errado e como são dezenas de arquivos é difícil mesmo detectar. Porém, o arquivo boot.js está na pasta correta, pois parece que ele não foi encontrado. Vamos descobrir o problema.

Flávio,

O arquivo boot.js está na pasta app-es2016, solto. Comparei com a pasta do projeto final e estava igual. o Babel roda o build e encontra o boot.js e inclusive vê quando eu o altero, com o watch. Este arquivo traceur.js deveria estar em algum lugar?

solução!

Esse arquivo só é necessário se os arquivos não foram compilados corretamente pelo babel (O systemjs tentará fazer a compilação no navegador). Nesse sentido verifique o nome dos arquivos criados. Você pode baixar no final do capítulo o projeto final e comparar os nomes, porque isso não consigo fazer por aqui. Vamos descobrir;)

O mais clássico é o nome do arquivo .babelrc. Ele esta com esse nome, na pasta correta?

Olá Flávio,

Realmente, eu acho que deletei o arquivo sem querer em algum momento , pois ele não estava mais na minha pasta. Baixei o arquivo do projeto final e inclui na minha aplicação e (depois de uns ajustes, pois tinha errado alguns endereços de arquivo) ele funcionou corretamente.

Muito obrigada