Comments (9)
janodvarko
commented on June 1, 2024
@Kuinox thanks for the report.
But, variable tooltips seem to be working for me.
Here is my STRs:
- Load http://janodvarko.cz/tests/debugger/watchpoints/
- Open DevTools Toolbox select the Debugger panel
- Click the
Click Me!button in Test Case #1, the Debugger should break ondebugger;keyword - hover overl
person.ageon line 10 -> you should see the popup/tooltip.
This works for me.
Does it work for you?
Do you have a test case that I could use the see the issue on my machine?
Honza
from debugger.
Kuinox
commented on June 1, 2024
Hello,
It work fine one most of the websites, but it does not work on a webapp I'm working on.
Your demo works fine, and it works elsewhere on my webapp too, but not on this function in particular...
I just reproduced it at the same place:
This is a vue2 in dev mode webapp, maybe it's related to getters ?
I will try to do a testcase.
from debugger.
nchevobbe
commented on June 1, 2024
Is this using typescript or flow? Seems like the type annotations might cause issues
from debugger.
janodvarko
commented on June 1, 2024
I will try to do a testcase.
Thanks!
Is this using typescript or flow? Seems like the type annotations might cause issues
Might be the reason, yes.
Honza
from debugger.
Kuinox
commented on June 1, 2024
So, i'm trying to do a reproduction, but...
When I hit the breakpoint, the debugger disappear ? :D
from debugger.
nchevobbe
commented on June 1, 2024
Ouch!
Could you open the browser console (https://developer.mozilla.org/en-US/docs/Tools/Browser_Console) and copy/paste the logs here please?
from debugger.
Kuinox
commented on June 1, 2024
18:07:00.825 <unavailable> 2 ThreadSafeDevToolsUtils.js:82:13
18:07:01.485 Use of nsIFile in content process is deprecated. 13 NetUtil.jsm:253:8
18:07:01.486 ‘src’ attribute of <script> element is not a valid URI: “/build.polyfills.628299bceb6fa63d9da9.js” {025a4851-e652-44a1-83c5-4b2b4a1a0512}:1:1
18:07:01.486 ‘src’ attribute of <script> element is not a valid URI: “/build.vendors.628299bceb6fa63d9da9.js” {025a4851-e652-44a1-83c5-4b2b4a1a0512}:1:1
18:07:01.486 ‘src’ attribute of <script> element is not a valid URI: “/build.main.628299bceb6fa63d9da9.js” {025a4851-e652-44a1-83c5-4b2b4a1a0512}:1:1
18:07:01.486 NS_ERROR_FAILURE: Failed to open input source 'file:///' 2 DevToolsUtils.js:661
18:07:15.491 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/#/” because the scheme does not match. 2 localhost:5000
18:07:15.545 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/build.polyfills.628299bceb6fa63d9da9.js” because the scheme does not match. build.polyfills.628299bceb6fa63d9da9.js
18:07:15.546 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/vendors.css” because the scheme does not match. vendors.css
18:07:15.606 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/build.main.628299bceb6fa63d9da9.js” because the scheme does not match. build.main.628299bceb6fa63d9da9.js
18:07:17.051 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/build.vendors.628299bceb6fa63d9da9.js” because the scheme does not match. build.vendors.628299bceb6fa63d9da9.js
18:07:17.693 GEThttp://localhost:5000/favicon.ico
[HTTP/1.1 404 Not Found 2ms]
18:07:18.444 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/favicon.ico” because the scheme does not match. favicon.ico
18:07:18.444 [Exception... "Favicon at "http://localhost:5000/favicon.ico" failed to load: Not Found." nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 227" data: no] FaviconLoader.jsm:227:22
18:07:18.445 debuggee 'http://localhost:5000/build.vendors.628299bceb6fa63d9da9.js line 2178 > eval:168726' would run event-loop.js:79:18
18:07:20.882 Error: source sourceURL-webpack-internal:///1165/originalSource-5232e3bf96c96b9ce8811861756ac7c7 does not exist
getSourceFromId resource://devtools/client/debugger/src/reducers/sources.js:525
mapStateToProps resource://devtools/client/debugger/src/components/SecondaryPanes/index.js:490
Redux 10
waitUntilService resource://devtools/client/debugger/src/actions/utils/middleware/wait-service.js:71
promiseMiddleware resource://devtools/client/debugger/src/actions/utils/middleware/promise.js:46
context resource://devtools/client/debugger/src/actions/utils/middleware/context.js:35
thunk resource://devtools/client/debugger/src/actions/utils/middleware/thunk.js:29
dispatch Redux
mapFrames resource://devtools/client/debugger/src/actions/pause/mapFrames.js:150
react-dom.js:12769:13
React 19
Redux 5
waitUntilService resource://devtools/client/debugger/src/actions/utils/middleware/wait-service.js:71
promiseMiddleware resource://devtools/client/debugger/src/actions/utils/middleware/promise.js:46
context resource://devtools/client/debugger/src/actions/utils/middleware/context.js:35
thunk resource://devtools/client/debugger/src/actions/utils/middleware/thunk.js:29
dispatch Redux
mapFrames resource://devtools/client/debugger/src/actions/pause/mapFrames.js:150
18:07:20.889 Error: source sourceURL-webpack-internal:///1165/originalSource-5232e3bf96c96b9ce8811861756ac7c7 does not exist sources.js:525:11
18:07:20.964 Cookie “io” will be soon treated as cross-site cookie against “http://localhost:5000/116ec38166d2573aefbe.worker.js” because the scheme does not match. 8 116ec38166d2573aefbe.worker.js
18:07:58.717 uncaught exception: Object
18:09:05.946 No localization found for [undefined] 3 l10n.js:130:13
Looks like my webpack config is horribly configured...
from debugger.
Kuinox
commented on June 1, 2024
Using the browser console, I think I found the issue:
The line in question:
from debugger.
nchevobbe
commented on June 1, 2024
Thanks for the logs!
Not sure what's happening, but yeah, something with sourcemaps going wrong (but the debugger should never go blank like that).
I tried with a simple typescript case and had no issue, using as or a debugger statement.
If you could provide us a simple test case where we could reproduce the issue, that would be great
I filed a bug on Bugzilla https://bugzilla.mozilla.org/show_bug.cgi?id=1660959 , where we track bugs now, so I'm going to close this issue here. You should be able to login into Bugzilla with your Github account so we can keep communicating about this issue :)
from debugger.
Related Issues (20)
- [SourceTree] Can't copy event function source
- [Theme] TypeScript had black characters with dark theme HOT 5
- quote differences in the source and the event flag excerpt HOT 1
- Frozen debugger after breakpoint activation on remote debugging. HOT 6
- [Docs] More inclusive language in the documentation HOT 2
- yarn start no result: waiting for localhost .. HOT 1
- Call stack highlightling changes the links and names (through prettify) HOT 1
- Clearly state that the debugger's development now happens elsewhere HOT 2
- Source Maps not when using debugger with npm start HOT 1
- DOM "Break on > Attribute Modification" does not trigger when node is set to `display: none` HOT 1
- backslash and escape sequence HOT 1
- Debug
- Multi row strings make the debugger lines jump up and down HOT 5
- cheap-module-source-map does not show source maps. HOT 3
- Variables in debugging are unreadable HOT 1
- Option to ignore scripts from addons
- Cant access this context after promise return HOT 1
- Option to save scripts automatically and execution blocks
- Webpack not working in Firefox 86 Developer Edition HOT 1
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 debugger.