hggeorgiev / ngx-redux-app Goto Github PK
View Code? Open in Web Editor NEWAn Angular 4 app using ngrx/store
An Angular 4 app using ngrx/store
Hi ,
I cloned the project to my local and trying to run ng serve .
It says command requires to be run in the angular project . Do i need to cd to particular folder ?
Does npm or node version be the issue here ?
I downloaded this and ran it. I got:
ERROR in multi styles
Module not found: Error: Can't resolve '/Users/bradley/Downloads/ng2-redux-app-master/node_modules/bootstrap/dist/css/bootstrap.css' in '/Users/bradley/Downloads/ng2-redux-app-master/node_modules/angular-cli/models'
@ multi styles
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/app.component.ts:28:36
Generic type 'State<T>' requires 1 type argument(s).
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/app.component.ts:29:4
Type 'Observable<{}>' is not assignable to type 'Operation[]'.
Property 'find' is missing in type 'Observable<{}>'.
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/common/operations.ts:11:19
Generic type 'State<T>' requires 1 type argument(s).
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/common/operations.ts:14:32
Generic type 'ActionReducer<T>' requires 1 type argument(s).
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/common/operations.ts:17:12
Cannot redeclare block-scoped variable 'operation'.
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/common/operations.ts:21:12
Cannot redeclare block-scoped variable 'operation'.
ERROR in [default] /Users/bradley/Downloads/ng2-redux-app-master/src/app/common/operations.ts:27:12
Cannot redeclare block-scoped variable 'operation'.
The first error was resolved with npm install bootstrap@next
, but that step only mentioned in the tutorial, not on the readme.
https://github.com/Kaizeras/ng2-redux-app/blob/step-2/src/app/common/reducers/index.ts#L55
if we have many reducers in the top level reducer, then we will create a bunch of selector function for each state in the reducers?
this repo by itself is unusable since it is missing several config files, such as package.json
After following the https://www.pluralsight.com/guides/front-end-javascript/building-a-redux-application-with-angular-2-part-1
I issue an ng serve and receive several Error messages and fails to compile:
$ ng serve
** NG Live Development Server is running on http://localhost:4200. **
Hash: 87bfad9cf987396fa51b
Time: 12719ms
chunk {0} polyfills.bundle.js, polyfills.bundle.map (polyfills) 147 kB {5} [initial] [rendered]
chunk {1} scripts.bundle.js, scripts.bundle.map (scripts) 465 kB {5} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.map (styles) 197 kB {5} [initial] [rendered]
chunk {3} main.bundle.js, main.bundle.map (main) 6.99 kB {4} [initial] [rendered]
chunk {4} vendor.bundle.js, vendor.bundle.map (vendor) 2.68 MB [initial] [rendered]
chunk {5} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function (position 14:49 in the original .ts file), resolving symbol operationsReducer in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts, resolving symbol AppModule in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/app.module.ts, resolving symbol AppModule in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/app.module.ts, resolving symbol AppModule in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/app.module.ts
ERROR in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/app.component.ts (28,37): Generic type 'State' requires 1 type argument(s).)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/app.component.ts (29,5): Type 'Observable<{}>' is not assignable to type 'Operation[]'.
Property 'includes' is missing in type 'Observable<{}>'.)
ERROR in c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (17,13): Cannot redeclare block-scoped variable 'operation'.)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (21,13): Cannot redeclare block-scoped variable 'operation'.)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (17,13): Cannot redeclare block-scoped variable 'operation'.)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (27,13): Cannot redeclare block-scoped variable 'operation'.)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (11,20): Generic type 'State' requires 1 type argument(s).)
c:/Users/schenkje/MyClientWorkSpace/financials-app/src/app/common/operations.ts (14,33): Generic type 'ActionReducer' requires 1 type argument(s).)
webpack: Failed to compile.
Any help most appreciated.
Thanks,
Jeff
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.