javascript - 模块未在Aurelia中加载

尝试使用Aurelia加载模块时，我当前遇到一个奇怪的问题。我已经成功加载了moment库以格式化日期，但是我试图以与numeral完全相同的方式加载npm install <module> --save库，但是它试图在numeral中找到/dist库。目录而不是模块库。

我下面有两个ValueConverters：



使用Moment的代码：

src / filters / time-format.js

import moment from 'moment';

export class TimeFormatValueConverter {
  toView(value) {
    return moment(value).format('h:mm');
  }
}

src / clock.html

<template>
  <require from="./filters/date-format"></require>
  <require from="./filters/time-format"></require>
  <section class="au-animate">
    <h2 class="clock-font-large">${time | timeFormat}</h2>
  </section>
</template>

尝试使用Numeral的代码：

src / filters / temperature-format.js

import numeral from 'numeral';

export class TemperatureFormatValueConverter {
  toView(value) {
    return numeral(value).format('(00)');
  }
}

src / weather.html

<template>
  <require from="./filters/temperature-format"></require>
  <section class="au-animate">
    <h2 class="clock-font-large">${weather.main.temp | temperatureFormat }</h2>
  </section>
</template>

尝试使用numeral查看页面时出现以下错误：

ERROR [app-router] Error: (SystemJS) XHR error (404 Not Found) loading http://clock.localhost:9000/dist/numeral.js
    Error: XHR error (404 Not Found) loading http://clock.localhost:9000/dist/numeral.js
    Error loading http://clock.localhost:9000/dist/numeral.js as "numeral" from http://clock.localhost:9000/dist/filters/temperature-format.js

为什么要尝试查找/dist目录而不是模块库？我知道依赖项注入有一些中断，但是我不确定该怎么做。

最佳答案

看来您正在使用SystemJS。因此，您应该运行的是：

jspm install numeral

除非您要进行非常具体的操作，否则在使用SystemJS Skeleton时不必使用NPM安装任何软件包。