r-park / todo-angular-ngrx Goto Github PK

View Code? Open in Web Editor NEW

48.0 4.0 10.0 86 KB

Todo app with Angular • RxJS • ngrx/store • ngrx/effects • Webpack

License: MIT License

JavaScript 24.44% CSS 18.63% TypeScript 50.59% HTML 6.34%

todo-angular-ngrx's Introduction

Todo app with Angular2 and ngrx/store

A simple Todo app example featuring ngrx/store — RxJS powered state management inspired by Redux for Angular2 apps.

Stack

Angular 2
ngrx/store
ngrx/effects
ngrx/store-devtools
RxJS
SASS
Typescript 2
Webpack 2

Getting Started

Quick Start

$ git clone https://github.com/r-park/todo-angular2-ngrx.git
$ cd todo-angular2-ngrx
$ npm install
$ npm start

Usage

Script	Description
`npm start`	Start webpack development server @ `localhost:3000` and api server @ `localhost:3001`
`npm run build`	Lint, test, and build the application to `./target`
`npm run lint`	Lint `.ts` and `.js` files
`npm run lint:js`	Lint `.js` files with eslint
`npm run lint:ts`	Lint `.ts` files with tslint
`npm test`	Run unit tests with Karma and Jasmine
`npm run test:watch`	Run unit tests with Karma and Jasmine; watch for changes to re-run tests

todo-angular-ngrx's People

Contributors

Stargazers

Watchers

Forkers

willsonic sjpsimpson pedromonad mxchange crosshopes toojannarong noynir rainstormza kolland zimejin

todo-angular-ngrx's Issues

npm start not running servers concurrently on some environments

When I run npm start, it seems to load the servers, but chrome says: localhost refused to connect.

I've tested this on 2 Windows (10) devices, on both gitbash and in cygwin.

Tried node versions 6.4, and 7.4

(Now when I just run: npm run server:dev, then it errors about Node sass not supporting windows 64-bit runtime. To solve that last issue, I updated node-sass to 3.10.1, but still when I now run npm start, but the same issue persists.)

Now running server:dev and server:api side by side, in seperate terminals does work.

So this seems to be an issue with the windows environment not correctly parsing the & in the packages.json scripts : start.
You see it running both, but never seems to continue the webpack server:

> [email protected] start C:\Users\UserName\projects\todo-angular2-ngrx
> npm run server:api & npm run server:dev


> [email protected] server:api C:\Users\UserName\projects\todo-angular2-ngrx
> cross-env NODE_ENV=development nodemon -w 'server/*.js' server/main.js

[nodemon] 1.10.2
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: 'server/*.js'
[nodemon] starting `node server/main.js`
info: Server listening @ localhost:3001

When I reverse the order like: "start": "npm run server:dev & npm run server:api" It does run the webpack, but not the API

Replacing the & with | solves this issue.

{test: /\.scss$/, loader: 'css!postcss!sass'}

After:

{test: /\.scss$/, loader: 'css?-autoprefixer!postcss!sass'}