Signalr 系统和信号机

Signalr 系统和信号机,signalr,systemjs,jspm,Signalr,Systemjs,Jspm,有人让SystemJS和Signal一起工作吗? 我一直在尝试使用SystemJS(来自jspm)来加载Signal,但无论我做什么,异步加载程序总是存在竞争条件。大约有一半的加载次数,在初始化代码运行时,SignalR没有加载 System.config({ baseURL: '/Scripts', map: { 'jquery': '/bundles/jquery', 'jquery.ui.widget': 'jquery-ui-1.10.4.

有人让SystemJS和Signal一起工作吗? 我一直在尝试使用SystemJS(来自jspm)来加载Signal,但无论我做什么,异步加载程序总是存在竞争条件。大约有一半的加载次数,在初始化代码运行时,SignalR没有加载

System.config({
    baseURL: '/Scripts',
    map: {
        'jquery': '/bundles/jquery',
        'jquery.ui.widget': 'jquery-ui-1.10.4.js',
    },
    meta: {
        '/signalr/hubs': {
            deps: ['jquery.signalR-2.2.0.min.js']
        }
    }
});
Promise.all([
    System.import('jQuery.FileUpload/jquery.fileupload.js'),
    System.import('knockout-3.1.0.debug.js'),
    System.import('/signalr/hubs')
])
.then(function (libs, gg) {
    var ko = libs[1];

    //My init code
    var chat = $.connection.jobProgress;
    // Throws '$.connection is undefined' about half the time
})

使用signalr包配置尝试此操作

System.config({
    baseURL: 'Scripts',
    map: {
            "signalr-jquery": "Scripts/jquery.signalR-2.2.0",
            "signalr": "signalr",
            "jquery": "/bundles/jquery" //I would pull it from jspm also
        },
        meta: {
            "jquery": {
                "format": "cjs"

            },
            "signalr-jquery": {
                "format": "global",
                "deps": ["jquery"]
            }
        },
        packages: {
            "signalr": {
                "format": "global",
                "defaultExtension": false,
                "meta": {
                    "hubs": {
                        "format": "global",
                        "deps": ["signalr-jquery"]
                    }
                }
            }
        }
})
和进口枢纽

    System.import('signalr/hubs').then(function(hubs) {

   })

我可以用以下配置加载它:

System.config({
    map: {
      'jquery': 'node_modules/jquery/dist/jquery.js',
      'signalrJquery': 'jquery.signalR-2.2.0.js',
      'signalrHubs': 'jquery.signalR-2.2.0.Hubs.js'
    },
    meta: {
        "jquery-1.10.2.js": { exports: "$" }, 
        signalrJquery: {exports: "$"},
        signalrHubs: {
            deps: ['jquery-1.10.2.js', 'signalrJquery'],
        exports: "$"
    }
});
然后像这样取:

import * as $ from 'signalrHubs';

请注意,依赖项中的jquery版本是Signal依赖的版本。如果需要,网站的其他部分可以使用更新的版本

var $ = require('signalrHubs');