Chrome extension doesn't work in dev mode

[lightninglu10]

Hey guys, I'm trying to run the chrome extension in dev mode.

I've done everything the instructions say, and everything works EXCEPT the todo app.

When I load the production version with npm run build, I get the todo app, but when I do npm run dev and load the dev folder, the todo app is blank.

Attaching images below. Any idea why?

[lightninglu10]

Also, unrelated but is there anyway to connect the inject.js through redux with the app components? Getting stumped there. I want to pass data I'm getting through inject.js to the App.js components.

[jhen0409]

Hi @lightninglu10, thanks for report!

I'm found the problem, it looks related to redux-devtools-extension if you're installed:

/cc @zalmoxisus

[lightninglu10]

Is the solution for now to remove the redux-dev-tools portion?

[jhen0409]

You can remove popup.pug#L12-L13 first (and window, inject), and check it work.

[jhen0409]

Ah, just my fault, I missing object here, I'll fix it. 😂

[lightninglu10]

@jhen0409

Bringing this up again:

"Also, unrelated but is there anyway to connect the inject.js through redux with the app components? Getting stumped there. I want to pass data I'm getting through inject.js to the App.js components."

Would you know how to do this?

[jhen0409]

Also, unrelated but is there anyway to connect the inject.js through redux with the app components? Getting stumped there. I want to pass data I'm getting through inject.js to the App.js components.

Currently the inject page used iframe for CSS isolation, but pass data to App container will be difficult (may use postMessage of iframe or background), so it's not a good example.

Actually I'm Investigating ReactShadow to replace iframe, just not enough time.

[lightninglu10]

If I don't care for CSS isolation, can I just import the component directly into the inject page?

[jhen0409]

@lightninglu10 yeah, just replace here.