我如何在Aurelia jspm中使用nprogress

Question

我有一个使用使用jspm的框架之一的aurelia项目。 我试图将nprogress aurelia-cli版本转换为无济于事。

import * as nprogress from 'nprogress';
import { bindable, noView } from 'aurelia-framework';


@noView()
export class LoadingIndicator {
  @bindable loading = false;

  loadingChanged(newValue) {
    if (newValue) {
      nprogress.start();
    } else {
      nprogress.done();
    }
  }
}

我不断收到这个错误

system.src.js:123 Uncaught (in promise) Error: (SystemJS) Invalid or unexpected token
SyntaxError: Invalid or unexpected token
    at eval (<anonymous>)
    at Object.eval (http://localhost:57996/jspm_packages/npm/nprogress@0.2.0.js:1:123)
    at eval (http://localhost:57996/jspm_packages/npm/nprogress@0.2.0.js:2:4)
Evaluating http://localhost:57996/jspm_packages/npm/nprogress@0.2.0/nprogress.css
Evaluating http://localhost:57996/jspm_packages/npm/nprogress@0.2.0.js

加载http：// localhost：57996 / dist_aurelia / modules / controls / loader / loading-indicator.js时出错

Answer 1

尝试为nprogress修改导入。 这是我的一个项目中也使用jspm的内容：

import nprogress from 'nprogress'; // <- using default import here
import { bindable, noView } from 'aurelia-framework';

@noView
export class LoadingIndicator {
    @bindable loading = false;

    loadingChanged(newValue) {
        if (newValue) {
            nprogress.start();
        } else {
            nprogress.done();
        }
    }
}