Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Erro ao utilizar no Angular 6 #117

Closed
CarolPC opened this issue Jun 8, 2018 · 14 comments
Closed

Erro ao utilizar no Angular 6 #117

CarolPC opened this issue Jun 8, 2018 · 14 comments

Comments

@CarolPC
Copy link

CarolPC commented Jun 8, 2018

Fiz o npm install e estou utilizando o Angular 6.

Quando vou subir o projeto, já tendo importado o package em um componente eu recebo 2 erros no console.

screen shot 2018-06-08 at 12 27 26

@lucianopf
Copy link
Member

Eitcha maravilha... parece que temos uma dependência fujona aí! hehehe
Amanhã vou tomar um tempinho pra resolver isso @CarolPC , valeu!! =D

@lucianopf
Copy link
Member

Então @CarolPC algo bem bizarro ta acontecendo! 🤔

O problema não tá diretamente no cep-promise mas nas dependências, e aparentemente elas tão tendo problemas em dar require nos módulos padrões do Node como:

Teria como vc me mandar as specs do seu ambiente pfv pra tentar reproduzir melhor?

  • runtime (é node mesmo?):
  • OS:
  • Versão do runtime:
  • Se possível, descrever o processo de build:

@CarolPC
Copy link
Author

CarolPC commented Jun 11, 2018

Runtime: node 9.6.1
OS: macOS Sierra
Typescript: 2.7.2

E a falha acontece quando eu rodo o ng serve no Angular.

@lucianopf
Copy link
Member

Sumonando nosso mestre em TS pra dar uma luz aqui! hehehe
@claytonsilva

@claytonsilva
Copy link
Contributor

@lucianopf segura que vou ver de meia noite as seis, segunda feira é dia lindo :D

@claytonsilva
Copy link
Contributor

coloca assign pra mim @lucianopf

@lucianopf
Copy link
Member

lucianopf commented Jun 11, 2018

Bem que eu queria mas o GH não ta deixando =/

screen shot 2018-06-11 at 3 49 54 pm

screen shot 2018-06-11 at 3 50 54 pm

@lucianopf lucianopf assigned lucianopf and unassigned lucianopf Jun 11, 2018
@claytonsilva
Copy link
Contributor

ahueaeahueahueahue pode deixar voce sendo culpado. to olhando aqui

@claytonsilva
Copy link
Contributor

@CarolPC pra fechar o cerco e conseguir reproduzir legal aqui, qual a versão do angular-cli que está usando?

@CarolPC
Copy link
Author

CarolPC commented Jun 12, 2018

@claytonsilva estou usando a 6.0.2

@thiamsantos
Copy link
Contributor

@CarolPC eu acho que o problema está acontecendo porque o angular está tentando importar a versão do cep-promise usado no node.

Eu consegui resolver aqui importando diretamente o bundle para o browser:

import * as cep from 'cep-promise/dist/cep-promise-browser.js';

cep('05010000')
  .then(console.log);

Você pode também fazer um alias do cep-promise apontando para o bundle do browser. É só adicionar essa opção ao seu tsconfig.json dentro de compilerOptions.

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "cep-promise": ["node_modules/cep-promise/dist/cep-promise-browser.js"]
    }
  }
}

Eu testei em projeto novo gerado pelo angular-cli. O repositório pode ser encontrado aqui.

@claytonsilva
Copy link
Contributor

indo direto pelo angular-cli dá realmente o resultado relatado e inclusive já levantaram a bola desse problema:

angular/angular-cli#10698

ele já está aberto lá, a solução do @thiamsantos é a mais prudente por enquanto até eles resolverem

@CarolPC
Copy link
Author

CarolPC commented Jun 14, 2018

@thiamsantos @claytonsilva muito obrigada pela ajuda!
Importando diretamente o bundle para o browser funcionou!

@lucianopf
Copy link
Member

Dado que isso infelizmente é um problema do Angular (TS ❤️ ) vou fechar a issue =D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants