The issue: RxJS Error
Without calling out any company, or open source team, I use some libraries that meddle with the RxJS I have in my repo. In particular, their library will use a version of RxJS that is not compatible with the version of their library. Causing the effects in my ngrx/store to emit the error:
RxJS Error: "Types of property 'source' are incompatible"Here is how to solve that.
How to Solve
There is a simple solution that works, but it took me a while to find it.
I can assure you this is the most efficient solution. Add the following
configuration paths property into your app's tsconfig.json file.
{"compilerOptions": {"baseUrl": "./","outDir": "./dist","sourceMap": true,"declaration": false,"module": "esnext","moduleResolution": "node","emitDecoratorMetadata": true,"experimentalDecorators": true,"target": "es2015","typeRoots": ["node_modules/@types"],"lib": ["es2017","dom"],"paths": {"rxjs": ["node_modules/rxjs"],"rxjs/*": ["node_modules/rxjs/*"]}}}This will make it, so that whenever your app looks for anything rxjs related, it will be directed to the rxjs node_module. Not some alternate rxjs path, contained within a plugin. Once you do this, re-run your npm/yarn start and you will be good to go.