在Angular2项目中添加第三方模块的问题

我已经使用

ngcli

创建了一个项目，我正试图根据wiki包含一个第三方模块：

我已经包含了

angular cli build.js

现在看来：

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');
module.exports = function(defaults) {
    return new Angular2App(defaults, {
        vendorNpmFiles: [
           ...
            'my3rdParty/**/*.+(ts|ts.map)'
        ]
    });
};

和在

系统配置.js中

：

const map: any = {
  'my3rdParty': 'vendor/my3rdParty/my3rdParty.ts'
};
const packages: any = {};

import { myModule } from 'my3rdParty';

这里创建一个名为桶的常量数组和一个名为

cliSystemConfigPackages

的

any

类型的对象，然后使用它们：

// Apply the CLI SystemJS configuration.
 System.config({
      map: {
          '@angular': 'vendor/@angular',
          'rxjs': 'vendor/rxjs',
          'main': 'main.js'
      },
      packages: cliSystemConfigPackages
  });

// Apply the user's configuration.
System.config({ map, packages });

我看到模块被复制到

dist/vendor

目录中

我正在导入它：

const map: any = {
  'my3rdParty': 'vendor/my3rdParty/my3rdParty.ts'
};
const packages: any = {};

import { myModule } from 'my3rdParty';

我得到的错误是：

错误：Typescript发现以下错误：

…/0/src/components/app/app.component.ts（6,34）：找不到模块“my3rdParty”

---

您能否确认

my3rdParty

模块的用户软件包配置包含在

system config.js

中

config={map:map，packages:packages}

？您可能遗漏了软件包配置。它应该是

const-packages:any={'my3rdParty'：{defaultExtension:'js'，main:'index.js'}}

要了解更多详细信息，请查看这个@KunalSharma我刚刚添加了这个配置，不幸的是仍然是相同的错误。遵循这个设置肯定会帮助您。您在这里肯定缺少第三方模块的配置

const packages:any={}

。您能否确认

my3rdParty

模块的用户包配置包含在

config={map:map，packages:packages}

中

system config.js

中？可能缺少包配置。它应该是

const-packages:any={'my3rdParty'：{defaultExtension:'js'，main:'index.js'}}

要了解更多详细信息，请查看这个@KunalSharma我刚刚添加了这个配置，不幸的是仍然是相同的错误。遵循这个设置肯定会帮助您。您在这里肯定缺少第三方模块的配置

const-packages:any={}

。