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

Erro ao buscar bootstrap e NegociacaoController

Referente ao curso TypeScript parte 2: Mais técnicas e boas práticas, no capítulo NameSpace e módulos externos e atividade Servidor local

por Lívia Cristina de Lima
| 287.5k xp | 29 posts

Olá pessoal,

Estou recebendo um erro ao executar npm start. No navegador recebo:

Failed to load resource: the server responded with a status of 404 (Not Found)
(index):48 (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/js/controllers/NegociacaoController
    Error: XHR error (404 Not Found) loading http://localhost:3000/js/controllers/NegociacaoController
    Error loading http://localhost:3000/js/controllers/NegociacaoController as "./controllers/NegociacaoController" from http://localhost:3000/js/app.js

No CMD recebo:

[0] 18:29:43 - Starting compilation in watch mode...
[0]
[1] Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
[1] ** browser-sync config **
[1] { injectChanges: false,
[1]   files: [ './**/*.{html,htm,css,js}' ],
[1]   watchOptions: { ignored: 'node_modules' },
[1]   server: { baseDir: 'app', middleware: [ [Function], [Function] ] } }
[1] [Browsersync] Access URLs:
[1]  ------------------------------------
[1]        Local: http://localhost:3000
[1]     External: http://192.168.0.7:3000
[1]  ------------------------------------
[1]           UI: http://localhost:3001
[1]  UI External: http://localhost:3001
[1]  ------------------------------------
[1] [Browsersync] Serving files from: app
[1] [Browsersync] Watching files...
[0]
[0] 18:29:47 - Found 0 errors. Watching for file changes.
[1] 19.02.25 18:29:47 304 GET /index.html
[1] 19.02.25 18:29:47 304 GET /css/bootstrap.css
[1] 19.02.25 18:29:47 304 GET /css/bootstrap-theme.css
[1] 19.02.25 18:29:47 304 GET /lib/jquery.min.js
[1] 19.02.25 18:29:47 304 GET /lib/system.js
[1] 19.02.25 18:29:48 200 GET /js/app.js
[1] 19.02.25 18:29:48 404 GET /js/controllers/NegociacaoController
[1] 19.02.25 18:29:51 304 GET /css/bootstrap.css
[1] 19.02.25 18:29:51 304 GET /css/bootstrap-theme.css
[1] 19.02.25 18:29:51 200 GET /lib/system.js.map
[1] 19.02.25 18:29:51 404 GET /css/bootstrap.css.map
[1] 19.02.25 18:29:51 404 GET /css/bootstrap-theme.css.map

Estou usando as mesmas versões da aula e o mesmo arquivo package.json. Todos os nomes dos arquivos também estão corretos.

Alguém sabe o por que desse erro?

4 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Lívia, tudo bem? Parece que a aplicação não está achando o arquivo NegociacaoController.

Tente olhar na aba Source (se for Chrome) e verifica se na pasta js existe esse arquivo.

Espero ter ajudado.

por Lívia Cristina de Lima
| 287.5k xp | 29 posts

Oi Mateus,

O único arquivo é o app.js

(function(System, SystemJS) {System.register(["./controllers/NegociacaoController"], function (exports_1, context_1) {
    "use strict";
    var NegociacaoController_1, controller;
    var __moduleName = context_1 && context_1.id;
    return {
        setters: [
            function (NegociacaoController_1_1) {
                NegociacaoController_1 = NegociacaoController_1_1;
            }
        ],
        execute: function () {
            controller = new NegociacaoController_1.NegociacaoController();
            $(".form").submit(controller.adiciona.bind(controller));
        }
    };
});

})(System, System);
solução!
por Lívia Cristina de Lima
| 287.5k xp | 29 posts

Depois de dias tentando descobrir o que poderia ser, baixei o arquivo do professor da próxima aula e fui verificando arquivo por arquivo.

Dois erros de digitação foram a causa do problema hahahahha

Em: System.defaultJSExtensions = true eu havia escrito Extension E em: 

import {NegociacaoController} from "./controllers/NegociacaoController"

const controller = new NegociacaoController();

Eu não havia colocado o ;

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Boa Livia, desculpa a demora, está bem corrido por aqui.

Fico feliz que tenha conseguido resolver \o/

Abraços e bons estudos.