2017-01-07 22 views
7

gelen aurelia-pal tarayıcı "yüklemek için başarısız olur. Ben asp.net mvc çekirdek app (yani çalışan Aurelia yüklemek için https://www.danylkoweb.com/Blog/getting-started-with-aurelia-in-aspnet-mvc-EH, adım 3-5 de takip ettik npm install, jspm init, jspm kurulum aurelia-framework ve jspm kurulum aurelia-bootstrapper).SystemJS (jspm ile Aurelia) jspm_packages klasör

Benim "başlatma kodu" şimdilik aşağıdaki gibidir:

<script src="jspm_packages/system.js"></script> 
<script src="config.js"></script> 
<script> 
    SystemJS.import('aurelia-bootstrapper'); 
</script> 

ben Aurelia kaynakları (js dosyaları) bir çok altında yüklenir Krom dev araçları görebilirsiniz uygulamayı çalıştırmak /jspm_packages/npm klasör, ama aynı zamanda böyle bir hata alıyorum:

Uncaught (in promise) Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:39535/aurelia-pal-browser.js Error: XHR error (404 Not Found) loading http://localhost:39535/aurelia-pal-browser.js Error loading http://localhost:39535/aurelia-pal-browser.js

SystemJS başvurumun kök aurelia-pal-browser.js aramaya başlar nedense. Sanırım jspm_packages \ npm \ [email protected] klasörünü bulamıyor ama var ve ben de config.js dosyasında aynı sürüm numarasına sahibim. Ben jspm komutları çalıştırdıktan sonra aldım

Tam config.js olarak:

System.config({ 
    baseURL: "/", 
    defaultJSExtensions: true, 
    transpiler: false, 
    paths: { 
    "npm:*": "jspm_packages/npm/*" 
    }, 

    map: { 
    "aurelia-bootstrapper": "npm:[email protected]", 
    "aurelia-framework": "npm:[email protected]", 
    "npm:[email protected]": { 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-task-queue": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-event-aggregator": "npm:[email protected]", 
     "aurelia-framework": "npm:[email protected]", 
     "aurelia-history": "npm:[email protected]", 
     "aurelia-history-browser": "npm:[email protected]", 
     "aurelia-loader-default": "npm:[email protected]", 
     "aurelia-logging-console": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-pal-browser": "npm:[email protected]", 
     "aurelia-polyfills": "npm:[email protected]", 
     "aurelia-router": "npm:[email protected]", 
     "aurelia-templating": "npm:[email protected]", 
     "aurelia-templating-binding": "npm:[email protected]", 
     "aurelia-templating-resources": "npm:[email protected]", 
     "aurelia-templating-router": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-logging": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-binding": "npm:[email protected]", 
     "aurelia-dependency-injection": "npm:[email protected]", 
     "aurelia-loader": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]", 
     "aurelia-task-queue": "npm:[email protected]", 
     "aurelia-templating": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-history": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-loader": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-logging": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-path": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-dependency-injection": "npm:[email protected]", 
     "aurelia-event-aggregator": "npm:[email protected]", 
     "aurelia-history": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]", 
     "aurelia-route-recognizer": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-pal": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-binding": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-templating": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-binding": "npm:[email protected]", 
     "aurelia-dependency-injection": "npm:[email protected]", 
     "aurelia-loader": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]", 
     "aurelia-task-queue": "npm:[email protected]", 
     "aurelia-templating": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-binding": "npm:[email protected]", 
     "aurelia-dependency-injection": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]", 
     "aurelia-router": "npm:[email protected]", 
     "aurelia-templating": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
     "aurelia-binding": "npm:[email protected]", 
     "aurelia-dependency-injection": "npm:[email protected]", 
     "aurelia-loader": "npm:[email protected]", 
     "aurelia-logging": "npm:[email protected]", 
     "aurelia-metadata": "npm:[email protected]", 
     "aurelia-pal": "npm:[email protected]", 
     "aurelia-path": "npm:[email protected]", 
     "aurelia-task-queue": "npm:[email protected]" 
    } 
    } 
}); 

cevap

8

ben bağlantılı makale okumak, ama ne deneyebilirsiniz açıkça böylece yanı bir bağımlılık olarak [email protected] yüklemektir vermedi package.json ve config.js numaranızda listelenir.

Basitçe cmd satıra aşağıdaki yürütün:

jspm install npm:aurelia-pal-browser 
+0

Teşekkür! Bu işe yarıyor! Gerçi neden gerekli olduğunu bilmek ilginç olurdu. Ve jspm, SystemJS veya Aurelia ile hata ...? Sanırım SystemJS ... :-) –

+0

Tam olarak aynı sorunu yaşıyor. Bana göre SystemJS, baseURL ve yolu doğru şekilde birleştirmiyor gibi görünüyor. Hangi kombinasyonu denediğime bakılmaksızın, her zaman doğru yola sapmak için başarısız olur. – epitka

+0

Belki de bu çözüm sizin için çalışmıyorsa ve config.js dosyanızı ve hata iletinizi gönderiyorsanız, lütfen ek bir soru oluşturun. Soruyu buraya bağlayın –