在System.js模块加载器中使用@ ngrx/store和@ ngrx/core

为了在我的示例Angular 2中使用@ ngrx/store [2.2.1]和@ ngrx/core [1.2.0]进行状态管理[2.4.0]应用我下面接着步骤在System.js模块加载器中使用@ ngrx/store和@ ngrx/core

安装@ NGRX /存储[2.2.1]和@ NGRX /芯

添加下面进口到根模块

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

3在包中添加了以下代码systemjs.config.js文件

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

我收到以下错误在浏览器控制台，当我浏览该网站的S部件

无法加载资源：服务器与404状态回应（未找到）“http://localhost:62818/@ngrx/store/bundles/store.umd.js”

任何想法什么需要修改以解决此问题。

来源

2017-02-10 refactor

您收到此错误是因为此URL不可用。没人，但你知道你为什么指定了web根目录下不存在的文件。 – estus

@ estus，这不像我在.html文件中为这个文件添加了脚本标记。我只在模块文件中包含了一个导入。 – refactor

SystemJS请求的文件（@ ngrx/store/bundles/store.umd.js）。应该可以在web根目录下使用。如果它不在那里，这将导致404。这很简单。你已经省略了你的服务器端，但这里很重要。它不需要对Angular做任何事情。 – estus

作为@ estus提到，这是一个路径问题。在地图部分添加以下线路以解决正确的路径问题

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

来源

2017-02-10 16:22:52 refactor

在System.js模块加载器中使用@ ngrx/store和@ ngrx/core

回答

相关问题