2016-04-14 108 views
1

我學習奧裏利亞框架,並已碰到過這樣的代碼:目錄結構奧裏利亞

import moment from "moment"; 

export class DateFormatValueConverter { 
    toView(value) { 
     return moment(value).format('MMMM Do YYYY, h:mm:ss a'); 
    } 
} 

我的問題是,在那裏它希望找到的第一個語句moment?我收到此錯誤:

aurelia-logging-console.js:86 ERROR [app-router] Error: XHR error (404 
Not Found) loading http://localhost:9000/dist/moment.js(…) 

然後我試着做npm install moment --save,現在可以看到這在我的package.json文件:

"dependencies": { 
    "moment": "^2.12.0", 
    "numeral": "^1.5.3" 
    } 

但錯誤依然存在。有人可以解釋我應該在哪裏儲存moment

更新:我根據錯誤調查了dist目錄,但我不確定這是如何填充的。它包含與我的src目錄中的文件完全相同的文件,但是這是如何工作的?

+0

您使用systemjs或的WebPack? –

+0

我正在學習本教程。 http://aurelia.io/docs.html#/aurelia/binding/1.0.0-beta.1.2.1/doc/article/binding-value-converters 直到現在我已經使用了'npm'和'jspm'到教程。 – akshayKhot

回答

4

你必須使用jspm而不是npm來安裝它。就像這樣:

jspm install moment; 

然後,您將能夠加載:

import moment from "moment"; 
+0

謝謝你,工作。 – akshayKhot

+0

但我有一個疑問。我們什麼時候使用'npm'以及何時使用'jspm'?我記得在教程開始的時候做了'npm install'。 – akshayKhot

+0

你應該使用npm來安裝構建工具,比如'gulp','jspm'和其他一些東西。要安裝將由您的應用程序使用的庫,您應該使用JSPM。然而,在Aurelia開發的另一種方法webpack骨架不使用JSPM。在這種情況下,您應該讓NPM安裝構建工具和庫。 –