如何在Aurelia打字稿应用程序中使用mobile-detect.js？

Question

I am not sure how to use mobile-detect.js in a Aurelia Typescript app. I figured mobile-detect should be instantiated as soon as possible so I tried to put it in main.ts like so:

/// <reference path="../typings/mobile-detect/mobile-detect.d.ts" />

import 'MobileDetect';
import {Aurelia} from 'aurelia-framework';


export function configure(aurelia: Aurelia) {
   aurelia.use
    .standardConfiguration()
    .developmentLogging();

aurelia.use.plugin('aurelia-animator-css');
aurelia.start().then(a => a.setRoot());

var md = new MobileDetect(window.navigator.userAgent);

if (md.mobile()) {

   //Do Something

}
else {

   //Do Something Else
 }
}

Obviously this is not the right way to do it. Can someone point me in the right direction?

Thanks :-)

Answer 1

So, the module loader doesn't know anything about npm modules. Try using JSPM or just doing something like import { MobileDetect } from 'node_modules/path/to/mobiledetect'

Answer 2

Weird. It seems when I comment out the import like the following it works.

/// <reference path="../typings/mobile-detect/mobile-detect.d.ts" />
//import 'MobileDetect';
//import { MobileDetect } from '../../lib/mobile-detect/mobile-detect';

import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia) {
    aurelia.use
        .standardConfiguration()
        .developmentLogging();

    aurelia.use.plugin('aurelia-animator-css');
    aurelia.start().then(a => a.setRoot());

    var md = new MobileDetect(window.navigator.userAgent);

    if (md.mobile()) {

        //Do Something
    }
    else {
         //Do Something
    }
}