google-translate-api在Angular 2應用程序中

Question

我想在Angular應用程序中使用（免費）google-translate-api（我現在使用v4.x），這對我來說並不明顯如何導入，注入和使用它。我對Angular相當陌生，所以我相信這是問題的一部分。我看過https://www.npmjs.com/package/google-translate-api的文檔，但我不知道如何在Angular中使用它。

所以用這個代碼：

import { Injectable } from '@angular/core'; 
import { translate as Translate } from 'google-translate-api'; 

@Injectable() 
export class GoogleTranslateService { 

    constructor(private translate: Translate) { 
    } 
} 

我得到：

ERROR in ./~/got/index.js 
Module not found: Error: Can't resolve './package' in '...\node_modules\got' 
@ ./~/got/index.js 19:12-32 
@ ./~/google-translate-api/index.js 
@ ./src/app/app.component.ts 
@ ./src/app/app.module.ts 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

ERROR in ./~/osenv/osenv.js 
Module not found: Error: Can't resolve 'child_process' in '...\node_modules\osenv' 
@ ./~/osenv/osenv.js 3:11-35 
@ ./~/configstore/index.js 
@ ./~/google-translate-token/index.js 
@ ./~/google-translate-api/index.js 
@ ./src/app/app.component.ts 
@ ./src/app/app.module.ts 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

GOT的作者告訴我，這是一個的WebPack問題。

任何想法？

Answer 1

似乎got正在做一些require webpack不默認默認情況下。

這裏是一個解決辦法：

我將此添加到我的webpack.config.js文件：

resolve: { 
    extensions: ['.js', '.json'] 
} 

（來源：https://github.com/sindresorhus/got/issues/266#issuecomment-297996416）