Angular2中节点数据包导入错误

Question

当我试图包含node_module angular2谷歌地图时，我遇到了一些奇怪的问题。我得到这些错误：

angular2-polyfills.js:1243 Uncaught SyntaxError: Unexpected token <
    Evaluating http://127.0.0.1:3000/angular2-google-maps/core
    Error loading http://127.0.0.1:3000/public/main.ts

我可以看到这个url的路径是错误的：http://127.0.0.1:3000/angular2-谷歌地图/核心，它应该http://127.0.0.1:3000/node_modules/angular2-谷歌地图/core.js？

我在我的组件中导入包，如下所示：

import { ANGULAR2_GOOGLE_MAPS_DIRECTIVES } from 'angular2-google-maps/core';

这应该是正确的。我还错过了什么吗？

Answer 1

如果您使用angular2谷歌地图，您应该查看示例plnkr。

请参阅config.js文件，它包含以下

packages: {
  'angular2-google-maps': {
    defaultExtension: 'js'
   }
}

这就是你缺少的部分。

Answer 2

您还可以将捆绑文件angular2-google-maps.js包含在HTML入口文件的脚本标记中：

<script src="node_modules/angular2-google-maps/bundles/ angular2-google-maps.js"></script>

此文件符合SystemJS。

请参阅相应的文档：

• https://angular-maps.com/docs/getting-started.html#package-安装