Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sourcemaps are not downloaded/shown when I open the console #3

Closed
edaloicaro18 opened this issue Nov 21, 2016 · 7 comments
Closed

Sourcemaps are not downloaded/shown when I open the console #3

edaloicaro18 opened this issue Nov 21, 2016 · 7 comments

Comments

@edaloicaro18
Copy link

Hi Cory, I'm posting my question here because the discussion section in the Pluralsight page is not working for me. All my questions in your course appear to be posted in the web, but when I check the page from my mobile they're nowhere to be seen
image

Anyway, I've already finished your course, and I really enjoyed it. Learnt a lot!
Unfortunately, there's a couple of things that didn't work for me like the part in which you show how to debug the minified version of a file using sourcemaps. I've tried with Chrome and Mozilla, with the code from the "Exercise Files" and with my own version, but I always end up with the transpiled, minified version of the file ¯_(ツ)_/¯

Do you have any idea what might be causing this?

@coryhouse
Copy link
Owner

Ouch, sorry the discussion board bug is biting you too. I cringe to think how many good questions have fallen through it's significant cracks.

Regarding the sourcemap issue, two things:

  1. Have you tried the exercise file version I published? I know that one works.
  2. Are you viewing the code through the browser tools as I show in the course? That way, the soucemaps will actually be parsed.

Thanks for the feedback! :)

@edaloicaro18
Copy link
Author

Sorry for not getting back to you sooner.
Because I caught a really bad cold, I had to take a two-day sick leave and since I wanted to rest properly and focus on getting better I decided to completely stay away from any internet-related thing and that's why I didn't see your reply up until now :(

Regarding your questions:

  1. Yes, and it didn't work in Chrome and I thought it didn't work in Mozilla either, but when I later tried with the Mozilla built-in console ( previously I was trying with the firebug plugin) I realized it was actually working as expected.

  2. Yes, and for a moment you really made doubt whether I knew how to open the developer console XD

Chrome:

image

Mozilla:

image

I think it must be a browser thing, because as the pictures show, it works in Mozilla.

@coryhouse
Copy link
Owner

It looks like it's working properly in both browsers in your screen shots. Are you all set now?

Glad you're feeling better!

@edaloicaro18
Copy link
Author

But I thought that the sourcemaps should allow me see and debug the same code I wrote in ES6 and , although it's not very clear in the first screencap, what Chrome is showing is the bundle.js file not the index.js file that I actually wrote.

In these new screen shots I put the debugger word next to the import statements so that is easier for you too see that sourcemaps are actually not working the way they should.

Mozilla:

image

Chrome:

image

Oh and thank you, I'm feeling much better now.
Hope you're having a wonderful time with your loved ones. Happy thanksgiving!

@coryhouse
Copy link
Owner

Weird. You should see webpack listed under sources in Chrome too. It shows for me. Please share your full set up so I can try to repro.

@edaloicaro18
Copy link
Author

I knew it was something in the browser. Doing a little bit of research I found that this option it's disabled by default :S

image

Having enabled that option, now everything works as expected

image

@coryhouse
Copy link
Owner

That's odd, because it was enabled by default for me on all my machines. Just set up my new Mac a week ago and it was on by default as well. I can't find any link saying this setting defaults to off. If you find anything, I'd love to read it.

Anyway, glad you're rolling!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants