Erro ao tentar implementar Integração via Node JS em ambiente Angular

Question

Erro ao tentar implementar Integração via Node JS em ambiente Angular

Closed this issue 6 years ago · 4 comments

Olá, sou novo em Integrações do Moip, porém parabenizo o projeto pois vi como estão bem implementadas em diversas situações.
Bom tive o seguinte problema ao tentar implementar a Integração via Node JS.

Instalei via npm install moip-sdk-node --save
Implementei (App já criado):
**import * as moipSdk from 'moip-sdk-node';

export const moip = moipSdk({
accessToken: 'access_token',
production: false
});**

Recebi o seguinte erro no terminal:

ERROR in .//moip-sdk-node/dist/client/api.js
Module not found: Error: Can't resolve '../../package' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/moip-sdk-node/dist/client'
@ .//moip-sdk-node/dist/client/api.js 15:15-39
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//moip-sdk-node/dist/client/api_assinaturas.js
Module not found: Error: Can't resolve '../../package' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/moip-sdk-node/dist/client'
@ .//moip-sdk-node/dist/client/api_assinaturas.js 15:15-39
@ .//moip-sdk-node/dist/resources/plan.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tough-cookie/lib/cookie.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/tough-cookie/lib'
@ .//tough-cookie/lib/cookie.js 32:10-24
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//request/lib/har.js
Module not found: Error: Can't resolve 'fs' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/request/lib'
@ .//request/lib/har.js 3:9-22
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//forever-agent/index.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/forever-agent'
@ .//forever-agent/index.js 6:10-24
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//forever-agent/index.js
Module not found: Error: Can't resolve 'tls' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/forever-agent'
@ .//forever-agent/index.js 7:10-24
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tunnel-agent/index.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/tunnel-agent'
@ .//tunnel-agent/index.js 3:10-24
@ .//request/lib/tunnel.js
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ ./~/moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tunnel-agent/index.js
Module not found: Error: Can't resolve 'tls' in '/Users/macbook/Desktop/webapps/projeto/projeto/node_modules/tunnel-agent'
@ .//tunnel-agent/index.js 4:10-24
@ .//request/lib/tunnel.js
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ ./~/moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in [at-loader] ./src/app/evento/evento.component.ts:166:3
TS2304: Cannot find name 'moip'.

Package.json:

"dependencies": {
"@agm/core": "^1.0.0-beta.2",
"@angular/animations": "^5.2.0",
"@angular/common": "~4.0.1",
"@angular/compiler": "~4.0.1",
"@angular/compiler-cli": "~4.0.1",
"@angular/core": "~4.0.1",
"@angular/forms": "~4.0.1",
"@angular/http": "~4.0.1",
"@angular/platform-browser": "~4.0.1",
"@angular/platform-browser-dynamic": "~4.0.1",
"@angular/platform-server": "~4.0.1",
"@angular/router": "~4.0.1",
"@angular/upgrade": "~4.0.1",
"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.9",
"angular-font-awesome": "^3.1.2",
"angular-in-memory-web-api": "^0.3.1",
"angular2-text-mask": "^8.0.4",
"angularfire2": "^5.0.0-rc.4",
"bootstrap": "^3.3.7",
"chart.js": "^2.7.1",
"core-js": "^2.4.1",
"firebase": "^4.8.0",
"font-awesome": "^4.7.0",
"ie-shim": "^0.1.0",
"moip-sdk-node": "^1.1.0-beta",
"moment": "^2.20.1",
"ng2-charts": "^1.6.0",
"ng2-uploader": "^2.0.0",
"reflect-metadata": "^0.1.9",
"rxjs": "5.0.1",
"xml2js": "^0.4.19",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@types/node": "^7.0.12",
"angular2-router-loader": "^0.3.4",
"angular2-template-loader": "^0.6.0",
"awesome-typescript-loader": "^3.1.2",
"css-loader": "^0.26.0",
"html-webpack-plugin": "^2.28.0",
"raw-loader": "^0.5.1",
"rimraf": "^2.5.4",
"to-string-loader": "^1.1.4",
"typescript": "~2.2.0",
"webpack": "^2.4.1",
"webpack-dev-server": "2.4.2",
"webpack-merge": "^4.1.0"
}

Desde já grato.
sdanieljose@gmail.com

Answer 1 · 2018-03-21T18:19:38.000Z

Oi @sdanieljose, tudo bem?

Por padrão, o Node não importa a sintaxe import, te aconselho importar a SDK da seguinte maneira:

const moip = require('moip-sdk-node').default({
  accessToken: 'your-access-token',
  production: false
})

Ou se você realmente estiver usando a sintaxe import, tenta fazer assim:

import moipSdk from 'moip-sdk-node'
const moip = moipSdk({
  accessToken: 'your-access-token',
  production: false
})

Me avisa se deu certo?

Answer 2 · 2018-03-21T18:45:16.000Z

Ola @somentelucas como vai? Obrigado pelo feedback :)

Cara, não sei se estou "comendo bola", mas, fiz na mesma pegada que seu feedback, mesmo assim me retorna o erro no terminal:

WARNING in ./~/ajv/lib/compile/index.js
13:21-34 Critical dependency: the request of a dependency is an expression

WARNING in ./~/ajv/lib/async.js
96:20-33 Critical dependency: the request of a dependency is an expression

WARNING in ./~/ajv/lib/async.js
119:15-28 Critical dependency: the request of a dependency is an expression

ERROR in .//moip-sdk-node/dist/client/api.js
Module not found: Error: Can't resolve '../../package' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/moip-sdk-node/dist/client'
@ .//moip-sdk-node/dist/client/api.js 15:15-39
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//moip-sdk-node/dist/client/api_assinaturas.js
Module not found: Error: Can't resolve '../../package' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/moip-sdk-node/dist/client'
@ .//moip-sdk-node/dist/client/api_assinaturas.js 15:15-39
@ .//moip-sdk-node/dist/resources/plan.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//forever-agent/index.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/forever-agent'
@ .//forever-agent/index.js 6:10-24
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//forever-agent/index.js
Module not found: Error: Can't resolve 'tls' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/forever-agent'
@ .//forever-agent/index.js 7:10-24
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tough-cookie/lib/cookie.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/tough-cookie/lib'
@ .//tough-cookie/lib/cookie.js 32:10-24
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tunnel-agent/index.js
Module not found: Error: Can't resolve 'net' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/tunnel-agent'
@ .//tunnel-agent/index.js 3:10-24
@ .//request/lib/tunnel.js
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ ./~/moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//tunnel-agent/index.js
Module not found: Error: Can't resolve 'tls' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/tunnel-agent'
@ .//tunnel-agent/index.js 4:10-24
@ .//request/lib/tunnel.js
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ ./~/moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//request/lib/har.js
Module not found: Error: Can't resolve 'fs' in '/Users/macbook/Desktop/webapps/togo/togo/node_modules/request/lib'
@ .//request/lib/har.js 3:9-22
@ .//request/request.js
@ .//request/index.js
@ .//request-promise/lib/rp.js
@ .//moip-sdk-node/dist/client/api.js
@ .//moip-sdk-node/dist/resources/customer.js
@ .//moip-sdk-node/dist/client/resources.js
@ .//moip-sdk-node/dist/client/index.js
@ .//moip-sdk-node/index.js
@ ./src/app/app.module.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

Estou usando um ambiente em Angular e queria trabalhar com o split financeiro do Moip.

Answer 3 · 2018-03-21T19:01:54.000Z

O link do seed é este: https://github.com/angular/angular2-seed

Tentei realizar a importação também em outros projetos Angular mas também sem sucesso

Desde já, grato!

Answer 4 · 2018-04-16T13:57:54.000Z

@sdanieljose, como nós conversamos pelo slack, o ideal seria que as chamadas de API fossem implementadas diretamente pelo backend para evitar exposição das chaves de autenticação. Vou fechar essa issue, caso continue com dúvidas ou problemas fique à vontade para falar com a gente por lá, ok?