Angular2 System.js не может найти пакеты jspm

Я пытаюсь написать простое приложение Angular2 (с использованием Alpha 47), и я пытаюсь установить «npm guid» из jspm. Он устанавливает отлично, но когда я пытаюсь запустить приложение, я всегда получаю «GET http://localhost:3001/jspm_packages/npm/[email protected] 404 (не найдено)». Я также пытался загрузить другие пакеты, и они также придумали 404. В противном случае мое приложение angular2 прекрасно работает. Я не уверен, что я делаю неправильно. Любая помощь могла бы быть полезна! Благодаря!Angular2 System.js не может найти пакеты jspm

System.js конфигурационных файлов

System.config({ 
    baseURL: "/", 
    transpiler: "none", 
    paths: { 
    "npm:*": "jspm_packages/npm/*", 
    "github:*": "jspm_packages/github/*" 
    }, 

    packages: { 
    "app": { 
     "defaultExtension": "js" 
    } 
    }, 

    map: { 
    "guid": "npm:[email protected]" 
    } 
});

index.html

<html> 
<head> 
    <title>Office Contacts</title> 
    <link rel="stylesheet" href="app/styles/foundation.css"> 
    <script src="jspm_packages/system.src.js"></script> 
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script> 
    <script src="node_modules/angular2/bundles/router.dev.js"></script> 
    <script src="node_modules/angular2/bundles/http.dev.js"></script> 
    <script src="config.js"></script> 
    <base href="/"> 
    <script> 
     System.import('app/release/bootstrap'); 
    </script> 

    <script src="node_modules/es6-shim/es6-shim.js"></script> 
</head> 
<body> 
<app>Loading...</app> 
</body> 
</html>

Мои bootstrap.ts файл

// 
// ANGULAR PROVIDERS 
// 
import {bootstrap, provide, FORM_PROVIDERS} from 'angular2/angular2'; 
import {ROUTER_PROVIDERS, HashLocationStrategy, LocationStrategy} from 'angular2/router'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 
import {ContactsService} from './contacts.service'; 
import {guid} from 'guid'; 

// 
// APP COMPONENT 
// Top level component that holds all of our components 
// 
import {App} from './app'; 


// 
// BOOTSTRAP 
// Bootstrap our app with the top level component and 
// inject services and providers 
// 
bootstrap(App, [ 
    FORM_PROVIDERS, 
    ROUTER_PROVIDERS, 
    HTTP_PROVIDERS, 
    ContactsService, 
    guid, 
    provide(LocationStrategy, {useClass: HashLocationStrategy}) 
]);

источник

2015-12-13 cpeele00

Я вижу, вы только добавили "defaultExtension": "js" для app

что-то не так с расширением, вы пытались скопировать ссылку в браузер http://localhost:3001/jspm_packages/npm/[email protected], а затем добавить .js, чтобы увидеть, если он загружает.

попробовать это

System.config({ 
    map: { npm: 'jspm_packages/npm/' }, 
    packages: { 
    npm: { defaultExtension: 'js' }, 
    'app': {defaultExtension: 'js'} 
    } 
});

источник

2015-12-14 23:16:30

Я дам ему шанс и вернусь с тобой :-) спасибо! – cpeele00

Вы используете Альфа 53? Если да: Они избавились от «углового2/углового2». Теперь вам нужно импортировать, используя «угловое2/bootstrap», «angular2/core».

У меня действительно есть потенциально подобная проблема, когда «angular2/bootstrap» не импортируется должным образом в SystemJS.

https://github.com/angular/angular/blob/master/CHANGELOG.md

источник

2015-12-13 20:11:31

Спасибо за ответ! У меня было так много проблем с Alpha53, что я решил спуститься к Alpha 47. Все было нормально, пока мне не пришлось загружать внешние зависимости: -/ – cpeele00

У меня есть «почти» рабочий стартер для alpha53. Не стесняйтесь попробовать и использовать это. https://github.com/jyana/Angular2-TypeScript Единственная проблема заключается в том, что я импортирую непосредственно при импорте {bootstrap}. Вы увидите это в моем файле app.ts. Это действительно работает, если вы это сделаете. Кажется, что есть проблема с SystemJS. Пытаюсь понять это сам. –

Иордания, спасибо за ответ, и я проверю ваш код для alpha 53. :-) Но в настоящее время я действительно ищу, как получить system.js, чтобы найти загруженные пакеты jspm: -/Thanks again хоть! – cpeele00

Angular2 System.js не может найти пакеты jspm

ответ

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