我如何将 nprogress 与 aurelia jspm 一起使用

Question

我有一个 aurelia 项目，它使用了一个使用 jspm 的框架。我试过转换 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();
        }
    }
}

我如何将 nprogress 与 aurelia jspm 一起使用

How do I use nprogress with aurelia jspm

javascript

systemjs

aurelia

jspm