search

danielschmitz / angular2-codigos

Código fonte do livro Angular 2 na prática
ISC License
19 stars 9 forks source link

Carregamento de arquivos css do bootstrap #1

Open emerson-diego opened 8 years ago

emerson-diego commented 8 years ago

Está dando 404 nos arquivos css que estão dentro da pasta less. Pois, quando eu baixei, via npm, a pasta less foi colocada dentro da pasta bootstrap. No entanto, o browser procura estes arquivos na pasta, bootstap/dist/css/less.

Qual seria a solução para resolver isto, sem ter que mover a pasta less para este local?

danielschmitz commented 8 years ago

Oi, em qual exemplo/página esse erro está acontecendo? Preciso ver aqui se o meu está com esse problema também. abs

emerson-diego commented 8 years ago

Em qualquer exemplo do capítulo 3. Outra coisa, quando eu baixo o código relativo a qualquer exemplo do capítulo 3, faço npm install e live-server, a aplicação não roda. Você já tentou? Além disso, tentei compilar as classes usando tsc e aconteceram vários erros. Até parei de ler o livro, pretendo corrigir esses erros antes de ir para o capítulo 4.

2016-05-21 12:00 GMT-03:00 Daniel Schmitz notifications@github.com:

Oi, em qual exemplo/página esse erro está acontecendo? Preciso ver aqui se o meu está com esse problema também. abs

— You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub https://github.com/danielschmitz/angular2-codigos/issues/1#issuecomment-220782316

Atenciosamente,

Emerson Diego da C. Araujo

lucasfontesgaspareto commented 8 years ago

@emerson-diego quais erros acontecem ao compilar os arquivos .ts?

emerson-diego commented 8 years ago

Oi, desculpa por responder só agora.

Eu vou voltar a ler o livro esta semana e te informo os erros que deu. Vi que você já andou corrigindo algumas coisas. Saiu uma nova versão do pdf do livro com as correções?

Outra coisa, apenas uma sugestão, seria interessante ter um capítulo sobre a publicação de uma aplicação angular em um servidor de hospedagem que possui planos gratuitos, como o Heroku, por exemplo.

2016-06-02 13:16 GMT-03:00 devgaspa notifications@github.com:

@emerson-diego https://github.com/emerson-diego quais erros acontecem ao compilar os arquivos .ts?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/danielschmitz/angular2-codigos/issues/1#issuecomment-223342599, or mute the thread https://github.com/notifications/unsubscribe/AHH2FC69wu3AncpiEW_MrjUjlJXz6DZkks5qHwHBgaJpZM4IjyDT .

Atenciosamente,

Emerson Diego da C. Araujo

danielschmitz commented 8 years ago

Olá @emerson-diego, a digital ocean possui 2 meses gratuitos para que você possa testar a aplicação. De qualquer forma, o heroku se comporta de forma semelhante a digital ocean, pois a partir do ponto que o seu servidor está criado, e você tem acesso a shell, pode executar os mesmos passos que está no livro.

emerson-diego commented 8 years ago

Oi Daniel, ainda não cheguei neste capítulo, irei testar. Seguem os erros que vinha falando. Aconteceu quando eu baixei o projeto AngularPlayList do repositório (cap 03). Eu baixei o projeto, rodei o comando "npm i --S @angular/core @angular/compiler @angular/common @angular/platform-browser @angular/platform-browser-dynamic rxjs@5.0.0-beta.6 zone.js@0.6.12systemjs@0.19.27 es6-shim@0.35.0 reflect-metadata@0.1.3 angular2-in-memory-web-api@0.0.7".

Tive que fazer isso porque o comando npm install não funcionou depois de baixá-lo. A aplicação não rodava.

Depois disso, a aplicação rodou legal, no entanto, estou um pouco incomodado, pois quando rodo o comando "tsc" no projeto, surge os seguintes erros:

PS C:\code\angularjs\angularjs2\angular2-codigos\03\AngularPlayList> tsc node_modules/@angular/core/src/application_ref.d.ts(39,88): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/application_ref.d.ts(99,42): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/application_ref.d.ts(174,33): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(24,15): error TS2304: Cannot find n ame 'Map'. node_modules/@angular/core/src/change_detection/differs/default_keyvalue_differ.d.ts(26,16): error TS2304: Cannot find n ame 'Map'. node_modules/@angular/core/src/di/reflective_provider.d.ts(105,123): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/di/reflective_provider.d.ts(105,165): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/async.d.ts(27,33): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/async.d.ts(28,45): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/collection.d.ts(1,25): error TS2304: Cannot find name 'MapConstructor'. node_modules/@angular/core/src/facade/collection.d.ts(2,25): error TS2304: Cannot find name 'SetConstructor'. node_modules/@angular/core/src/facade/collection.d.ts(4,27): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(4,39): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(7,9): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(8,30): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(11,43): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(12,27): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(14,23): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(15,25): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/collection.d.ts(100,41): error TS2304: Cannot find name 'Set'. node_modules/@angular/core/src/facade/collection.d.ts(101,22): error TS2304: Cannot find name 'Set'. node_modules/@angular/core/src/facade/collection.d.ts(102,25): error TS2304: Cannot find name 'Set'. node_modules/@angular/core/src/facade/lang.d.ts(4,17): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/lang.d.ts(5,17): error TS2304: Cannot find name 'Set'. node_modules/@angular/core/src/facade/lang.d.ts(70,59): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/facade/promise.d.ts(2,14): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(8,32): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(9,38): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(10,35): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(10,93): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(11,34): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(11,50): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(12,32): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(12,149): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/facade/promise.d.ts(13,43): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/component_resolver.d.ts(8,53): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/component_resolver.d.ts(12,44): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/dynamic_component_loader.d.ts(62,148): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/dynamic_component_loader.d.ts(103,144): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/dynamic_component_loader.d.ts(108,139): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/linker/dynamic_component_loader.d.ts(109,135): error TS2304: Cannot find name 'Promise'. node_modules/@angular/core/src/reflection/reflector.d.ts(28,22): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/reflection/reflector.d.ts(30,15): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/reflection/reflector.d.ts(32,15): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/reflection/reflector.d.ts(34,15): error TS2304: Cannot find name 'Map'. node_modules/@angular/core/src/reflection/reflector.d.ts(36,16): error TS2304: Cannot find name 'Set'. node_modules/@angular/core/src/testability/testability.d.ts(40,20): error TS2304: Cannot find name 'Map'. node_modules/@angular/platform-browser-dynamic/platform_browser_dynamic.d.ts(75,90): error TS2304: Cannot find name 'Pro mise'. node_modules/rxjs/Observable.d.ts(10,66): error TS2304: Cannot find name 'Promise'. node_modules/rxjs/Observable.d.ts(66,60): error TS2304: Cannot find name 'Promise'. node_modules/rxjs/Observable.d.ts(66,70): error TS2304: Cannot find name 'Promise'. 17:30:32 - Compilation complete. Watching for file changes.

Outro erro que está ocorrendo, é quando tento correr esta aplicação em modo debug. Reconfigurei o launch.json para:

{ "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "node", "request": "launch", "program": "${workspaceRoot}/app/boot.js", "stopOnEntry": false, "args": [], "cwd": "${workspaceRoot}", "preLaunchTask": null, "runtimeExecutable": null, "runtimeArgs": [ "--nolazy" ], "env": { "NODE_ENV": "development" }, "externalConsole": false, "sourceMaps": true, "outDir": null }, { "name": "Attach", "type": "node", "request": "attach", "port": 5858, "address": "localhost", "restart": false, "sourceMaps": true, "outDir": null, "localRoot": "${workspaceRoot}", "remoteRoot": null } ] }

e obtive o seguinte erro:

ReferenceError: System is not defined at Object. (C:\code\angularjs\angularjs2\angular2-codigos\03\AngularPlayList\app\app.component.js:1:63)

Se puder ajudar, ficaria bem agradecido. Estou empolgado com o Angular, mas estes erros às vezes tiram um pouco nossa motivação!

Em 11 de junho de 2016 22:30, Daniel Schmitz notifications@github.com escreveu:

Olá @emerson-diego https://github.com/emerson-diego, a digital ocean possui 2 meses gratuitos para que você possa testar a aplicação. De qualquer forma, o heroku se comporta de forma semelhante a digital ocean, pois a partir do ponto que o seu servidor está criado, e você tem acesso a shell, pode executar os mesmos passos que está no livro.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/danielschmitz/angular2-codigos/issues/1#issuecomment-225404073, or mute the thread https://github.com/notifications/unsubscribe/AHH2FK0dstj2c71e75NX7BKA1nNfC9q7ks5qK2FAgaJpZM4IjyDT .

Atenciosamente,

Emerson Diego da C. Araujo

lucasfontesgaspareto commented 8 years ago

@emerson-diego no arquivo tsconfig.json a propriedade "target" está com qual versão do ecma? tive o mesmo problema, mudei o "target" para "es6" e TypeScript conseguiu compilar. Até mandei um email para o @danielschmitz falando sobre.

danielschmitz commented 8 years ago

Opa,

quanto a esse erro "Cannot find name 'Promise'"

abra o arquivo tsconfig.js do projeto

onde está "target": "es5", mude para "target": "es6",

verifique se deu certo e me fale, ok.

emerson-diego commented 8 years ago

Ótimo, deu certo sim. Muito obrigado!

E quanto ao debug não funcionar, alguma ideia?

Em 14 de junho de 2016 19:28, Daniel Schmitz notifications@github.com escreveu:

Opa,

quanto a esse erro "Cannot find name 'Promise'"

abra o arquivo tsconfig.js do projeto

onde está "target": "es5", mude para "target": "es6",

verifique se deu certo e me fale, ok.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/danielschmitz/angular2-codigos/issues/1#issuecomment-226035356, or mute the thread https://github.com/notifications/unsubscribe/AHH2FNAbKNF33ppIiTj0XlsBPXEjd_ypks5qLyrwgaJpZM4IjyDT .

Atenciosamente,

Emerson Diego da C. Araujo