Comments (14)
This seems to work! Thank you! 🎉
from web-extension-starter.
Any updates on this? This would be really crucial to have. Otherwise, awesome project!
from web-extension-starter.
Sorry, I was engaged in some projects.
I will try to find if this is possible asap.
Also open for a PR if anyone comes up with the solution.
from web-extension-starter.
I am not sure this works. I tried the solution suggested in the SO post to no avail.
Looks as follows in Chrome:
And here in Firefox:
Basically I think that the hot reloading module is interfering here.
from web-extension-starter.
See if the fix 23cc204 works
Closing for now.
Feel free to re-open or comment if the issue still persist.
Thanks for reporting the issue
from web-extension-starter.
Let me look into that.
from web-extension-starter.
I am not sure if this is even possible, but I will try to change webpack configuration, hoping to resolve this.
from web-extension-starter.
I found that devtool: "source-map",
in the WebPack config at least generates the source maps for the browser polyfill, however it creates the following issue:
DevTools failed to parse SourceMap: chrome-extension://biipfmkokfahmjfnnbpegccidgoldhom/js/background.bundle.js.map
from web-extension-starter.
The option `devtool: 'source-map', should work.
Could you see it this error pops up on firefox?
Try: https://stackoverflow.com/questions/44267503/devtools-failed-to-parse-sourcemap
from web-extension-starter.
Also, on a quick look, the solution you suggested should work.
Could you add that line at top and submit a PR?
from web-extension-starter.
I think it is the issue with webextension-polyfill
messing with reloader
There is a similar issue here
from web-extension-starter.
@slhck Could you see if everything works with the devtool option enabled and the reloader disabled?
from web-extension-starter.
I tested that, and I get the same error. The source code shown is basically the same bundled code, except for the reloader message on top. So the issue is a different one, and probably has to do with webpack itself not providing the source map correctly.
from web-extension-starter.
@slhck @princesust It's an upstream (issue](webpack/webpack#1194)
I have fixed the issue.
from web-extension-starter.
Related Issues (20)
- Can not import RadixUI components? HOT 1
- Can't use it with @radix-ui/themes HOT 1
- CRX_REQUIRD_PROOF_MISSING when trying to install the generated .crx on chrome HOT 4
- [Migration] support for Manifest v3 HOT 21
- fsevent is incompatible with this module, build skipped. HOT 5
- Extension in development not reloading in Chrome HOT 2
- How to import jsx file in ContentScript? HOT 7
- js sourcemaps are not generated HOT 15
- Migration to ESBuild from Babel HOT 2
- How to add CSS Modules into ContentScript? HOT 3
- Sync-scroll misbehave on long lines
- got a weird c++ error HOT 3
- [FEAT] add support for css modules HOT 1
- Unsure how to compile new scss files to put in. HOT 1
- Overleaf textarea on Firefox HOT 3
- Node-sass is deprecated HOT 4
- The overleaf pdf appear on top of the textarea and hide it HOT 2
- How to access browser local storage API? HOT 1
- Grammarly pop-up window blocking our review HOT 1
- [Bug] Styles (.scss) inside React component not being processed HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from web-extension-starter.