如何让systemjs从CDN加载全局格式的模块？

Question

我收到的错误是：异常：ReferenceError：[null]中未定义强制转换

编写自定义 Chromecast 接收器应用程序需要使用以下 js 文件，该文件通过全局“ cast ”变量公开功能：

//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js

我想使用 systemjs 将此脚本作为模块加载，而不是在 index.html 中使用脚本标记。

这是一个 Angular2 和 TypeScript 应用程序，因此在某些服务 MyService 中，我希望能够导入“cast”并使用它。

索引.html

    <script>
      System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        },
        paths: {
          'cast': '//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js'
        },
        meta: {
          '//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js': {format: 'global'}
        },      
});

      System.import('app/main')
            .then(null, console.error.bind(console));
    </script>

myService.ts

import {Injectable} from 'angular2/core';
import cast from 'cast';

@Injectable()
export class MyService {
  public init = () => {
    cast.receiver.logger.setLevelValue(cast.receiver.LoggerLevel.NONE);
  }
  ...
}

可以从以下位置克隆示例 Angular2 + TypeScript + Chromecast Receiver 应用程序：

https://github.com/rmtuckerphx/angular2-chromecast-receiver-starterkit

此代码当前没有任何使用 systemjs 加载“cast”的代码，但可以通过更新index.html和cast-receiver-manager.service.ts来快速修改

Answer 1

尝试添加

   map: {
     cast-receiver: '//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js'
}

到您的系统配置，然后声明您想要从服务中的脚本导入的内容，

declare var cast;

这将使您的编译器能够识别您正在导入的内容的名称。