question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React and Redux Saga with casl

See original GitHub issue

Hello, thanks for the amazing package. I have been facing some challenges though, I have an app with a React, Redux, Redux-Saga, Koajs and Mongodb stack. So every-time I add the <Can> component as a wrapper for a “project delete key” in the component that is supposed to render data from my database i’m getting a blank screen in the browser/client and no error message is produced in the browser console. Contrary to that, i’m getting this output in the server-side console(The VS Code Intergrated terminal):

<-- GET /casl/react/dist/es5m/index.js
[1]   --> GET /casl/react/dist/es5m/index.js 404 2ms -
[1]   <-- GET /%3Canonymous%3E
[1]   <-- GET /redux-saga/core/dist/redux-saga-core.esm.js
[1]   --> GET /%3Canonymous%3E 404 3ms -
[1]   --> GET /redux-saga/core/dist/redux-saga-core.esm.js 404 3ms -
[1]   <-- GET /redux-saga/core/dist/chunk-e922c950.js
[1]   --> GET /redux-saga/core/dist/chunk-e922c950.js 404 4ms -
[1]   <-- GET /casl/react/dist/es5m/index.js
[1]   --> GET /casl/react/dist/es5m/index.js 404 4ms -
[1]   <-- GET /%3Canonymous%3E
[1]   --> GET /%3Canonymous%3E 404 2ms -
[1]   <-- GET /redux-saga/core/dist/redux-saga-core.esm.js
[1]   --> GET /redux-saga/core/dist/redux-saga-core.esm.js 404 3ms -
[1]   <-- GET /redux-saga/core/dist/chunk-e922c950.js
[1]   --> GET /redux-saga/core/dist/chunk-e922c950.js 404 2ms -

I tried to track down where the code breaks using a the chrome debugger in VS Code and it’s somewhere in the redux-saga-core.esm.js next function.

Please help.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:15 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
devt3000commented, Mar 14, 2019

Sorry, but currently I can’t understand whether the issue is in CASL, in your code or in your setup. That’s why I requested a small example to reproduce your issue. If you can provide it, I can try to help you.

Hello again, I managed to come up with an example project and the code is broken there as well, here is a link to the repository https://github.com/devt3000/redux-sagas-koa-mongo

1reaction
stalniycommented, Mar 12, 2019

Sorry, but currently I can’t understand whether the issue is in CASL, in your code or in your setup. That’s why I requested a small example to reproduce your issue. If you can provide it, I can try to help you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React, Manage Dynamic Permissions Using CASL & Redux.
CASL is a JavaScript library that you can manage the permissions of a user based on his role. In this article, I will...
Read more >
stalniy-casl/casl - Gitter
Hi ,I am new in REACT and I want to Set up an API endpoint that will or will not show certain data...
Read more >
React Notes Taking App. Redux Saga vs Thunks - YouTube
Let's rewrite the Redux Thunk based React application to Redux Saga.Code: https://github.com/satansdeer/redux-sagaDiscord Server: ...
Read more >
SAGA | npm.io
Provides a redux store with additional methods for dynamic reducer and saga injections. The library is suitable for CMS or Portal solutions. reduxsagaramda....
Read more >
How to manage dynamic permissions using CASL & Redux
CASL is a JavaScript library that allows you to manage the permissions of a user based on their role. ... npm install redux...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found