SystemJS (Aurelia with jspm) nie załadował "aurelia-pal-browser" z folderu jspm_packages

Postępowałem zgodnie z instrukcjami pod numerem https://www.danylkoweb.com/Blog/getting-started-with-aurelia-in-aspnet-mvc-EH, krok 3-5, aby zainstalować Aurelia w mojej podstawowej aplikacji mvc asp.net (np. npm install, jspm init, jspm install aurelia-framework i jspm install aurelia-bootstrapper).SystemJS (Aurelia with jspm) nie załadował "aurelia-pal-browser" z folderu jspm_packages

Mój „kod startowy” po prostu wygląda to teraz:

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

Kiedy uruchomić aplikację widzę na Chrome dev narzędzi, że wiele zasobów Aurelia (pliki js) są ładowane pod/jspm_packages/folder npm, ale również pojawia się błąd jak poniżej:

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

z jakiegoś powodu SystemJS zaczyna szukać Aurelia-Pal-browser.js w katalogu głównym mojej aplikacji. Przypuszczam, że nie może znaleźć folderu jspm_pakietu \ npm \ [email protected], ale istnieje i mam ten sam numer wersji w pliku config.js.

Pełne config.js jak mam go po uruchomieniu polecenia jspm:

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]0.3", 
     "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]" 
    } 
    } 
});

Źródło

2017-01-07 Dan Pettersson

nie czytać powiązany artykuł, ale to, co można spróbować, to zainstalować [email protected] jako zależność, jak również tak, że jest wyraźnie wymienione w twoim package.json i twoim config.js.

Wystarczy wykonać następujące operacje na cmd linii:

jspm install npm:aurelia-pal-browser

Źródło

2017-01-08 16:58:52

Dzięki! To działa! Byłoby interesujące dowiedzieć się, dlaczego jest to potrzebne. I jest błąd z jspm, SystemJS lub Aurelia ...? Przypuszczam, że SystemJS ... :-) –

Mając dokładnie ten sam problem. Dla mnie wygląda na to, że SystemJS nie łączy poprawnie baseURL i ścieżki. Bez względu na to, którą kombinację spróbowałem, zawsze nie uda się rozwiązać właściwej ścieżki. – epitka

Być może utwórz dodatkowe pytanie, jeśli to rozwiązanie nie działa dla Ciebie i opublikuj plik config.js i komunikat o błędzie. Połącz tutaj pytanie –

SystemJS (Aurelia with jspm) nie załadował "aurelia-pal-browser" z folderu jspm_packages

Odpowiedz

Powiązane problemy