Angular 2 中的 google-translate-api答案

【问题标题】：google-translate-api in an Angular 2Angular 2 中的 google-translate-api
【发布时间】：2018-04-01 11:13:36
【问题描述】：

我想在 Angular 4 应用程序中使用（免费的）google-translate-api，但如何导入、注入和使用它对我来说并不明显。我对 Angular 还很陌生，所以我确信这是问题的一部分。我在https://www.npmjs.com/package/google-translate-api 看到过文档，但我不知道如何在 Angular 4 中使用它。我所做的是安装 google-transalte-api

在我的 AppComponent.ts 中

constructor(private translate: Translate,private _http: Http ){
translate('Ik spreek Engels', {to: 'en'}).then(res => {       
console.log(res);
//=> I speak English
console.log(res.from.language);
//=> nl
})
}

错误：

ERROR in ./~/graceful-fs/graceful-fs.js
Module not found: Error: Can't resolve 'fs' in 'D:\jboss-eap-
6.2\standalone\deployments\geniush5.ear\copl.war\node_modules\graceful-fs'
@ ./~/graceful-fs/graceful-fs.js 1:9-22
@ ./~/configstore/index.js
@ ./~/google-translate-token/index.js
@ ./~/google-translate-api/index.js
@ ./app/component/customer/controller/CustomerController.ts
@ ./app/app.ts

ERROR in ./~/mkdirp/index.js 
Module not found: Error: Can't resolve 'fs' in 'D:\jboss-eap-
6.2\standalone\deployments\geniush5.ear\copl.war\node_modules\mkdirp'
@ ./~/mkdirp/index.js 2:9-22
@ ./~/configstore/index.js
@ ./~/google-translate-token/index.js
@ ./~/google-translate-api/index.js
@ ./app/component/customer/controller/CustomerController.ts
@ ./app/app.ts

ERROR in ./~/osenv/osenv.js
Module not found: Error: Can't resolve 'child_process' in 'D:\jboss-eap-
6.2\standalone\deployments\geniush5.ear\copl.war\node_modules\osenv'
@ ./~/osenv/osenv.js 3:11-35
@ ./~/configstore/index.js
@ ./~/google-translate-token/index.js
@ ./~/google-translate-api/index.js
@ ./app/component/customer/controller/CustomerController.ts
@ ./app/app.ts

应感谢您的帮助。

【问题讨论】：

我已经成功地将它与普通快递一起使用，但我无法让它与反应相同的错误一起工作。它甚至不是代码，而是我的导入。尝试评论除导入之外的所有与翻译相关的代码，它会中断吗？它打破了我。

标签： angular api translate

【解决方案1】：

const { response } = require('express')
const express = require('express')
const translate = require('google-translate-api');
  
app.get('/api/translate/:myInputText', (req, res) => {
    translate(req.params.myInputText , {to: 'ar'}).then(trans => {
    res.send(`Translate :${trans.text} , inputText : ${req.params.myInputText}`)
    }).catch(err => {
        console.error(err);
    });
})


const port = process.env.PORT || 3000
app.listen(port , ()=> console.log(`Listening at  port : ${port}`))

USE OF Google Translate API ( STEPS FOR NODE EXPRESS )
1-install nodejs LTS (https://nodejs.org/en/download/)
2-open a directory of your project
3-npm init --yes（创建包json文件）
4-npm i google-translate-api
5-create index.js file in your project folder
6-just copy paste the above code snippet
7-node index.js 在 cli
8-http://localhost:3000/api/translate/EnterTextToTranslate 测试一下

【讨论】：