在Angular2中导入节点包的错误

时间:2016-03-27 10:25:34

标签: angular

当我尝试包含node_module angular2-google-maps时,我遇到了一些奇怪的问题。我收到这些错误:

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

我可以看到此网址的路径错误:http://127.0.0.1:3000/angular2-google-maps/core,我应该是http://127.0.0.1:3000/node_modules/angular2-google-maps/core.js

我在我的组件中导入包,如下所示:

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

哪个应该是对的。我错过了什么吗?

2 个答案:

答案 0 :(得分:1)

如果您使用的是angular2-google-maps,则应检查example plnkr

请参阅config.js文件,其中包含以下内容

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

这是你失踪的部分。

答案 1 :(得分:0)

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

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

此文件符合SystemJS。

参见相应的文档: