Angular 2 应用程序中的 google-translate-api答案

【问题标题】：google-translate-api in an Angular 2 appAngular 2 应用程序中的 google-translate-api
【发布时间】：2017-11-05 01:39:10
【问题描述】：

我想在 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的问题。

有什么想法吗？

【问题讨论】：

你应该更详细地描述你到目前为止所做的事情。请编辑您的问题
我联系了got的作者，他说这些都是Webpack的问题。

标签： angular webpack google-translate translate

【解决方案1】：

似乎got 正在做一些require 默认情况下 webpack 无法理解的事情。

这里有一个解决方法：

我将此添加到我的webpack.config.js 文件中：
resolve: {
    extensions: ['.js', '.json']
}
（来源：https://github.com/sindresorhus/got/issues/266#issuecomment-297996416）

【讨论】：