GithubHelp home page GithubHelp logo

onehungrymind / angular-reactive-workshop Goto Github PK

View Code? Open in Web Editor NEW
87.0 87.0 157.0 1.39 MB

Code for the "Reactive Angular with NgRx" Course on Frontend Masters

Home Page: https://frontendmasters.com/courses/angular-reactive/

CSS 11.11% JavaScript 8.61% TypeScript 72.83% HTML 7.46%

angular-reactive-workshop's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

angular-reactive-workshop's Issues

NullInjectorError: No provider for Store!

I was following the Reactive workshop steps. After completing the 1 step, while running I got the error No provider for Store in my component.
Later realized the store StateModule needs to be injected in the app module.
This might help someone in the future.

difficulty running start branch

On start branch, unable start app, getting
1] Module build failed (from C:/.../Desktop/angular-reactive-workshop/node_modules/sass-loader/lib/loader.js): [1] Error: Cannot find module 'node-sass'

Cannot run this on latest node version.

Just thought I'd let you know that I ran into the following issue running this on the latest version of node 18.16.0. Downgrading to v12.0.0 fixed the issue I also let FEM know so they can add a note or something to the course if necessary. Thanks for the awesome courses by the way. :)

npm run start

> [email protected] start
> concurrently "npm run server" "ng serve"

[0] 
[0] > [email protected] server
[0] > json-server server/db.json
[0]
[0] 
[0]   \{^_^}/ hi!
[0]
[0]   Loading server/db.json
[0]   Done
[0] 
[0]   Resources
[0]   http://localhost:3000/customers
[0]   http://localhost:3000/projects
[0]
[0]   Home
[0]   http://localhost:3000
[0]
[0]   Type s + enter at any time to create a snapshot of the database
[1] Browserslist: caniuse-lite is outdated. Please run next command `npm update`
[1] i 「wds」: Project is running at http://localhost:4200/webpack-dev-server/
[1] i 「wds」: webpack output is served from /
[1] i 「wds」: 404s will fallback to //index.html
[1] node:internal/crypto/hash:71
[1]   this[kHandle] = new _Hash(algorithm, xofLen);
[1]                   ^
[1]
[1] Error: error:0308010C:digital envelope routines::unsupported
[1]     at new Hash (node:internal/crypto/hash:71:19)
[1]     at Object.createHash (node:crypto:133:10)
[1]     at module.exports (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\util\createHash.js:135:53)
[1]     at NormalModule._initBuildHash (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\NormalModule.js:412:16)
[1]     at C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\NormalModule.js:444:10
[1]     at C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\NormalModule.js:320:13
[1]     at C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\loader-runner\lib\LoaderRunner.js:367:11
[1]     at C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\loader-runner\lib\LoaderRunner.js:203:19
[1]     at VirtualFileSystemDecorator.readFile (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:46:13)
[1]     at processResource (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\loader-runner\lib\LoaderRunner.js:202:11)
[1]     at iteratePitchingLoaders (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\loader-runner\lib\LoaderRunner.js:158:10)
[1]     at runLoaders (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
[1]     at NormalModule.doBuild (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\NormalModule.js:292:3)
[1]     at NormalModule.build (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\NormalModule.js:438:15)
[1]     at Compilation.buildModule (C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\Compilation.js:702:10)
[1]     at C:\Users\EdSouthgate\source\repos\angular-reactive-workshop\node_modules\webpack\lib\Compilation.js:944:14 {
[1]   opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
[1]   library: 'digital envelope routines',
[1]   reason: 'unsupported',
[1]   code: 'ERR_OSSL_EVP_UNSUPPORTED'
[1] }
[1]
[1] Node.js v18.16.0
[1] ng serve exited with code 1

Uncaught ReferenceError "Cannot access 'reducers' before initialization"

Hey, I coded along the tutorial and then set up my own Repo where I try to recap everything , again following along the video.

I then started my repo using npx create-nx-workspace --preset angular, rebuilding Lukas' repo structure. However, after importing StateModule to CoreDataModule and importing CoreDataModule to AppModule I got the error mentioned above. You can find the entire code here: https://gitlab.com/hannesFinatix/todo-app/-/tree/state-feature

Any idea where to properly initialize reducers?

ofType is not defined

ERROR in libs/core-data/src/lib/state/projects/projects.effects.ts(25,37): error TS2339: Property 'ofType' does not exist on type 'Actions<Action>'.

when attempting to execute "npm start"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.