Using @ngrx/store and @ngrx/core with System.js module loader

Question

In order to use @ngrx/store [ 2.2.1 ] and @ngrx/core [ 1.2.0 ] for state management in my sample Angular 2 [2.4.0] application I followed below steps

1. Installed @ngrx/store [ 2.2.1 ] and @ngrx/core

2. Added below import to root module

   import { StoreModule } from '@ngrx/store'; 
   

3 Added below code in packages section of systemjs.config.js file

 '@ngrx/core': {
          main: 'bundles/core.umd.js',
          format: 'cjs'
      },
      '@ngrx/store': {
          main: 'bundles/store.umd.js',
          format: 'cjs'
      }     

I am getting below error in browser console , when I browse to the website

Failed to load resource: the server responded with a status of 404 (Not Found) "http://localhost:62818/@ngrx/store/bundles/store.umd.js"

Any idea what needs to be modified to fix this issue.

Answer 1

As @ estus mentioned , this was a path issue . Adding below lines to map section with correct path resolved the issue

'@ngrx/core': 'node_modules/@ngrx/core/bundles/core.umd.js',
'@ngrx/store': 'node_modules/@ngrx/store/bundles/store.umd.js',