Angular2 - 如何使用 npm 安装 ng2-google-place-autocomplete 包答案

【问题标题】：Angular2 - how to install ng2-google-place-autocomplete package using npmAngular2 - 如何使用 npm 安装 ng2-google-place-autocomplete 包
【发布时间】：2017-07-25 09:28:59
【问题描述】：

我正在尝试安装此软件包： https://github.com/psykolm22/ng2-google-place-autocomplete

我按照 README 文件中的说明进行操作，但出现以下控制台错误：

GET http://localhost:3000/ng2-google-place-autocomplete 404 (Not Found)

当我偶尔通过 npm 安装时，安装命令后会显示一个包文件树。然而这一次，除了这个什么都没有显示：

`-- ng2-google-place-autocomplete@1.4.2
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

所以，我怀疑该软件包没有成功安装，即使它的文件夹存在于 node_modules 中..

我不知道是否必须手动配置systemjs.config.js，因为任何地图字段中似乎都没有该包。

有人知道怎么回事吗？

【问题讨论】：

你的systemjs中配置了吗？
我必须手动配置吗？在如何安装部分，他们没有提到这一步。无论如何，我注意到这个文件中的所有映射都是扩展名为的文件：.umd.js 任何包文件夹中没有以这个扩展名结尾的文件

标签： angular npm npm-install node-modules

【解决方案1】：

在你的 systemjs 中加入下面一行

'ng2-google-place-autocomplete' : 'npm:ng2-google-place-autocomplete\src\index.js'

【讨论】：

这些是 src 文件夹中的文件（没有 index.js）： 404.html app assets environment favicon.ico index.html index.ts polyfills.ts 样式.css test.ts tsconfig.json
您是否按照文档将脚本引用包含在您的 index.html 中？
是的，当然。我很确定问题在于正在下载但从未安装过的软件包。我想知道我们如何手动安装它，因为没有 js 文件，我是否将其转换为 js，然后在 systemjs 中链接到它？这可能是解决方案吗？
您可以在 teamviewer 中使用吗？
请10分钟