JS scripts not loading in the Sources window

[Xuanah]

Hello,

I've been using Chrome to debug my app as I develop it, but since I came from vacation I'm having serious issues with the sources list. I can see all the files but, if I open any of the .js scripts, the script window is blank. 

Everything works as expected right after restarting the browser, but after the first page reload everything goes blank. Any ideas?

Thanks!

[Vsevolod Vlasov]

Which version of Google Chrome are you using?

Does it happen on all sites or in your project only? 

Can you provide an example url ? 

Thank you

--
Thank you,

Vsevolod Vlasov (vse...@google.com)

[Xuanah]

Hi, I'm using version 23.0.1246.0. It doesn't seem to happen in any site except my own, and unfortunately mine is stored locally so I can't provide a URL.

It's like developing in the far end of a cave. The only thing I know is that it was working in the beginning of the month and now it's not. My work scenario is exactly the same, nothing was changed, so I assume it's something to do with Chrome itself. Can't tell what exactly though.

Thanks for the availability :)

[Vsevolod Vlasov]

Could you try looking for console errors DevTools on DevTools? (You could open DevTools on DevTools with Ctrl-Shift-I or other shortcut when devtools are in undocked mode.)

Also a screenshot might help.

[xua...@gmail.com]

I have 4 errors, but they are related to the framework (a few GUI files missing, and they have been popping up since I started the project).

I took a screenshot, but it doesn't show much... It's simple one of the scripts open for editing... looking empty, as they have been for the last few days. This script in particular has 111 lines of code. And it is running, as all the others. Just not available for edit/debug.

[Vsevolod Vlasov]

> I have 4 errors, but they are related to the framework (a few GUI files missing, and they have been popping up since I started the project).

These are the console errors shown in the DevTools for you page.

DevTools itself acts like a web application so opening a DevTools for DevTools can show the errors happening inside the DevTools.

See a line from my previous message below for instructions on how to open it.

Could you try looking for console errors DevTools on DevTools? (You could open DevTools on DevTools with Ctrl-Shift-I or other shortcut when devtools are in undocked mode.)

[Xuanah]

Sorry, I really didn't understand what you meant.

DevTools on DevTools is not reporting any errors nor warnings. Also, from time to time all starts working as expected for a while. And then it goes back to this weird state.

[Vsevolod Vlasov]

I have no idea what might be a reason, so some more questions:

Is that Timer.js script added with a <script> tag or an eval with sourceURL?

Are you sure this script is served from the server correctly? can you see it in the network panel?

Could you try adding console.error or  debugger; statements in your script to see what happens?

Can you try making a reduced test case for this problem?

[xua...@gmail.com]

I just realized that if I have DevTools undocked I only need to close and reopen them. That seems to refresh the content. It doesn't work if they are docked, though.

Thanks very much for your time, Vsevolod. I can work like this for now :)

[xua...@gmail.com]

Sorry, I replied before I saw your post.

I'm not sure how the script is added, that is managed by the framework I'm using, and I don't know how it works, to be honest.
I can see my script in the network panel, and I know it's served properly because it runs as expected. If I add a debugger and a console.log, they work. The script pauses on the debugger (although it's still blank) and the log shows on the console.

I'm pretty sure it's only a window refresh issue, because everything else is ok. Thanks again!

[soman...@gmail.com]

Same is the problem, I am facing, I have many js scripts and when I refresh my (localhost) page, ( chrome dev tools being docked), sometimes it does not show few of my js files and sometimes it does.

Going to try the approach of undocking and debuging.

[soman...@gmail.com]

Undocking dev tools window did not help,

I have attached both the images and let's hope anybody here can help.

nojs.jpg: (how to simulate) : first press ctrl+shift+i , which opens google dev tools. then refresh local html page and Desired script (dashboardreports.js) does not show up.

withjs.jpg : (how to simulate) : first open local html page, and then press ctrl+shift+i, which opens google dev tools. Desired script (dashboardreports.js) does show up.

[xua...@gmail.com]

So when you refresh the page, the .js tab disappears? That happens to me every time I refresh. What you need to do is open the Sources list, find the .js file and open it.

[Soman Dubey]

It does not work for me. I wanted to debug the js file and debug is possible only when 

1. first you open dev tools (ctrl+shift+I) then refresh the page and then only you can debug the page ( which does not show desired JS file.)

2. alternatively opening first page (by refreshing or fresh window) and then opening  dev tools (ctrl+shift+I)  does shows desired js file but does not allow for debugging.

[Vsevolod Vlasov]

FYI I investigated filed https://code.google.com/p/chromium/issues/detail?id=146823 for this issue (blank script tab).

[Soman Dubey]

Thanks Vsevolod,

Tracking this issue now.

[pella...@gmail.com]

I was having the same problem. I just found a small button (a rt pointing arrow button) at the top left of my dev tools frame (which I can't figure out how to un-dock BTW). But, when I click that arrow a file tree of sources appears that includes my .js files. When I click the .js that disappeared it then appears under the resources tab. I don't know if this would help you but I thought I'd mention. Regards, Ray

[Vsevolod Vlasov]

Hello Ray,

I don't really follow your report but this sounds like a bug.

Could you please file a new bug on http://crbug.com/new and describe detailed steps of this scenario?

Thank you, Vsevolod

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/50618aa4-650e-429c-9c8b-affda3f6a5bc%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[hen...@gmail.com]

I'm having the same problem with the project I'm currently working on. Changed branch and the sources are not appearing. With Crtl + O the sources appeared in the list but I couldn't open them

What I did was change the dev tools settings in Sources (enabled "Search in content scripts" and disabled "Enable JS source maps"). Now, the sources aren't appearing either but, when I ctrl+O and select a source, it opens and the sources list is populated on the left and I can go from there.

It's not nice but is a solution. Hope it helps

(Chrome Version 31)

[Vsevolod Vlasov]

Could you please file a bug and describe what you see step by step there?

--

You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/b4a7bda8-295b-4998-bb1e-9a29c7872edd%40googlegroups.com.

[john.a...@gmail.com]

We're having the same issue.

We use an absolute path on the server to reference our scripts and use the Visual Studio Web Essentials plugin to bundle scripts. This may be a Web Essentials Plugin issue. It appears that Chrome attempts the find the file you specified.

Here's a snippet of our .bundle file inside of a stand alone assets project.

<file>/v1/src/js/libs/jquery/jquery-1.9.1.js</file>

<file>/v1/src/js/libs/jquery/jquery.maskedinput-1.3.1.js</file>

Chrome Dev Tools sees this source map file, but when I click to open in a new tab it uses this url

http://mywebserver/v1/src/js/libs/jquery/jquery-1.9.1.js

But the actual path of this file is 

http://mywebserver/assets/v1/src/js/libs/jquery/jquery-1.9.1.js

The Web Essentials .js.map file shows sources as

"sources":["/v1/src/js/libs/jquery/jquery-1.9.1.js", ...

I can manually edit the .js.map file to include the /assets absolute path and I can then see the contents of the file.

"sources":["/assets/v1/src/js/libs/jquery/jquery-1.9.1.js", ...

I've attached a screenshot with the results of the manually edited .js.map file and one of the same file with the incorrect 'source' entry

On Wednesday, January 29, 2014 7:09:03 AM UTC-8, Vsevolod Vlasov wrote:

Could you please file a bug and describe what you see step by step there?

On Fri, Jan 24, 2014 at 6:50 PM, <hen...@gmail.com> wrote:

I'm having the same problem with the project I'm currently working on. Changed branch and the sources are not appearing. With Crtl + O the sources appeared in the list but I couldn't open them

What I did was change the dev tools settings in Sources (enabled "Search in content scripts" and disabled "Enable JS source maps"). Now, the sources aren't appearing either but, when I ctrl+O and select a source, it opens and the sources list is populated on the left and I can go from there.

It's not nice but is a solution. Hope it helps

(Chrome Version 31)

On Wednesday, August 29, 2012 4:05:47 PM UTC+1, Xuanah wrote:

Hello,

I've been using Chrome to debug my app as I develop it, but since I came from vacation I'm having serious issues with the sources list. I can see all the files but, if I open any of the .js scripts, the script window is blank. 

Everything works as expected right after restarting the browser, but after the first page reload everything goes blank. Any ideas?

Thanks!

--

You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

[john.a...@gmail.com]

The error sourcemap file I mentioned in my previous email.

[john.a...@gmail.com]

I opened an issue on the Github repo. https://github.com/madskristensen/WebEssentials2012/issues/50

[PhistucK]

No Chrome issue here, the path is wrong in the source map file.

☆PhistucK

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/80dacc8e-b87f-4125-b090-b1a4a63e63d3%40googlegroups.com.

[john.a...@gmail.com]

I was able to resolve this issue by changing the absolute path to a relative path.

In our case:

/v1/src/js/libs/jquery/jquery-1.9.1.js

to

../v1/src/js/libs/jquery/jquery-1.9.1.js

It looks like scripts kept in a separate project should use relative paths in the .bundle file.

Was others with this issue using Web Essentials with scripts in a separate project?

☆PhistucK

[dra...@sobot.biz]

I have the same problem.

This started aprox one month ago.

The only solution for this as I found is to re install chrome browser.

Anyway, after few days again not working.

For example I have reinstalled chrome 1 week ago and just now I can not view my JS files in source tab in a chrome console.

[Andrey Lushnikov]

Please file a bug on crbug.com/new and post a link here.

--

You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/a09ad01e-bf44-486f-9df8-a37fd4c36b3c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Steven Fisher]

I had a similar issue developing an Angular app. Some files would show up, some wouldn't. 

Turns out my issue was fixed by changing the URL when debugging my page.

Not working:

localhost/appfoldername#/home

Working:

localhost/appfoldername/#/home

Steve

[Aniket Pawar]

Hi

I faced the similar Issue  on 03/18/2016

Win 7 49.0.2623.87 (64 bit)

But what I realized was that now the developer tools have gotten better in the sense that they will show you a proper hierarchy of of all frames nested within each other and i had to browse as per the actual structure of the page and found out all my scripts 

[Pysis]

This workaround worked for me.  Still a bug I would consider in Chrome's DevTools, leaving to be fixed.

[MiKe QZ]

I use version 56 chrome and this thing still happens from time to time, dont really know what triggers, sometimes reloading once is not enough..

quarta-feira, 29 de Agosto de 2012 às 16:16:29 UTC+1, xua...@gmail.com escreveu:

Hi, I'm using version 23.0.1246.0. It doesn't seem to happen in any site except my own, and unfortunately mine is stored locally so I can't provide a URL.

It's like developing in the far end of a cave. The only thing I know is that it was working in the beginning of the month and now it's not. My work scenario is exactly the same, nothing was changed, so I assume it's something to do with Chrome itself. Can't tell what exactly though.

Thanks for the availability :)

On Wednesday, August 29, 2012 4:09:42 PM UTC+1, Vsevolod Vlasov wrote:

Which version of Google Chrome are you using?

Does it happen on all sites or in your project only? 

Can you provide an example url ? 

Thank you

On Wed, Aug 29, 2012 at 7:05 PM, Xuanah <xua...@gmail.com> wrote:

Hello,

I've been using Chrome to debug my app as I develop it, but since I came from vacation I'm having serious issues with the sources list. I can see all the files but, if I open any of the .js scripts, the script window is blank. 

Everything works as expected right after restarting the browser, but after the first page reload everything goes blank. Any ideas?

Thanks!

[PhistucK]

I experienced the same issue, though I have not tested Chrome 56 yet.

crbug.com/675702

☆PhistucK

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/9adcf309-fb8b-4793-a9dc-6ce21278be5f%40googlegroups.com.

[davis...@gmail.com]

Chrome Version 65.0.3325.181 (Official Build) (64-bit)

I've similar issue where .js file is not visible at all.

'Console' tab is neither showing any result nor any error