Question

我不确定如何在Aurelia Typescript应用程序中使用mobile-detect.js。我认为应该尽快实例化移动检测，所以我试着将它放在main.ts中，如下所示：

/// <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
 }
}

显然，这不是正确的做法。有人能指出我正确的方向吗？

谢谢： - ）

Answer 1

因此，模块加载器对npm模块一无所知。尝试使用JSPM，或者只是从“node_modules / path /到/ mobiledetect＆＃39;

中执行类似导入{MobileDetect}的操作

Answer 2

怪异。似乎当我注释掉下面的导入时它会起作用。

/// <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
    }
}

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

2 个答案: