SystemJS (Aurelia с jspm) не загружает «aurelia-pal-browser» из папки jspm_packages

Я выполнил инструкции на этапе https://www.danylkoweb.com/Blog/getting-started-with-aurelia-in-aspnet-mvc-EH, шаг 3-5, чтобы установить Aurelia в мое основное приложение asp.net mvc (т.е. npm install, jspm init, jspm install aurelia-framework и jspm install aurelia-bootstrapper).SystemJS (Aurelia с jspm) не загружает «aurelia-pal-browser» из папки jspm_packages

Мой «код запуска» выглядит как это сейчас:

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

При запуске приложения я могу видеть на Chrome Дев инструментов, которые много Aurelia ресурсов (JS-файлы) загружаются под/jspm_packages/папка НПМ, но я получаю сообщение об ошибке, как это:

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 начинает искать Aurelia-Pal-browser.js в корне моего приложения. Я полагаю, что он не может найти папку jspm_packages \ npm \ [email protected], но она есть, и у меня есть тот же номер версии в файле config.js.

Полный config.js, как я получил его после запуска 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:aurelia-framework[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]" 
    } 
    } 
});

источник

2017-01-07 Dan Pettersson

Я не прочитал вашу статью, связанную, но то, что вы можете попробовать это установить [email protected] как зависимость, а поэтому он явно перечисленные в вашем package.json и вашем config.js.

Просто выполните следующие действия на CMD линии:

jspm install npm:aurelia-pal-browser

источник

2017-01-08 16:58:52

Спасибо! Это работает! Было бы интересно узнать, зачем это нужно. И ошибка с jspm, SystemJS или Aurelia ...? Я полагаю SystemJS ... :-) –

Имея ту же самую проблему. Для меня это похоже, что SystemJS не сочетает baseURL и путь правильно. Независимо от того, какую комбинацию я попробовал, он всегда не может решить исправить путь. – epitka

Возможно, создайте дополнительный вопрос, если это решение здесь не работает для вас и опубликует ваше config.js и сообщение об ошибке. Связать вопрос здесь –

SystemJS (Aurelia с jspm) не загружает «aurelia-pal-browser» из папки jspm_packages

ответ

Смежные вопросы