2016-05-27 21 views
0

Я изучаю угловой 2, и я хотел использовать редукс с ним.Погрузочное сокращение в угловом 2, systemjs

На самом деле, я создал свой проект с использованием углового cli на выпуске rc2.

я м, имеющий это systemjs конфигурация:

/*********************************************************************************************** 
* User Configuration. 
**********************************************************************************************/ 
/** Map relative paths to URLs. */ 
const map: any = { 
}; 

/** User packages configuration. */ 
const packages: any = { 
}; 

//////////////////////////////////////////////////////////////////////////////////////////////// 
/*********************************************************************************************** 
* Everything underneath this line is managed by the CLI. 
**********************************************************************************************/ 
const barrels: string[] = [ 
    // Angular specific barrels. 
    '@angular/core', 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/http', 
    '@angular/router', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 

    // Thirdparty barrels. 

    // App specific barrels. 
    'app', 
    'app/shared' 
    /** @cli-barrel */ 
]; 

const cliSystemConfigPackages: any = {}; 
barrels.forEach((barrelName: string) => { 
    cliSystemConfigPackages[barrelName] = { main: 'index' }; 
}); 

/** Type declaration for ambient System. */ 
declare var System: any; 

// Apply the CLI SystemJS configuration. 
System.config({ 
    map: { 
    '@angular': 'vendor/@angular', 
    'rxjs': 'vendor/rxjs', 
    'main': 'main.js', 
    'redux': 'vendor/redux/dist/redux.js', 
    }, 
    packages: cliSystemConfigPackages 
}); 

// Apply the user's configuration. 
System.config({ map, packages }); 

И в моих угловых cli.build.js:

/* global require, module */ 

var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); 

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
     'redux/dist/redux.js', 
     'systemjs/dist/system-polyfills.js', 
     'systemjs/dist/system.src.js', 
     'zone.js/dist/**/*.+(js|js.map)', 
     'es6-shim/es6-shim.js', 
     'reflect-metadata/**/*.+(js|js.map)', 
     'rxjs/**/*.+(js|js.map)', 
     '@angular/**/*.+(js|js.map)' 
    ] 
    }); 
}; 

Дело в том, что я м, имеющий эту ошибку в веб-консоли:

enter image description here

Что нужно изменить, чтобы сделать Redux A vailable внутри моего углового 2 приложения? Я вполне уверен, что это systemjs ошибка, и я не знаю, как обрабатывать ...

Спасибо за вашу помощь

+0

Попробуйте добавить карту ''redux': 'node_modules/redux''. – tchelidze

+0

В бите 'map' в вашей системе-config.ts есть конечная запятая после линии редукции, которой не должно быть. Это звучит глупо, но удалите это и посмотрите, правильно ли он разрешен? –

+0

Ничего не изменил, но спасибо за это :) – mfrachet

ответ

0

Конфигурация в this комментарий решил проблему Redux для меня.

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