I am generating the bundled.js file using webpack for a typical angular project. Now I deploy this on the web server. The bundle.js file has the following at the end
//# sourceMappingURL=main.bundle.js.map
However Chrome does not seem to detect that there is a sourcemap available. It does not even show the icon saying that a source map is available. How do I fix this? Plus should the path to the sourcemap be http://url/main.bundle.js.map? How does chrome know where to load the sourcemap from?
For chrome, source-map was not loading/working for me too. I kept on seeing the bundle.js files. However, in other browsers it worked, that are chrome related like Brave. So I just went into my chrome browses dev-tools settings > preferences and then in the bottom right, I clicked the "Restore defaults and refresh" button and it worked fine after.
These are the runes you are looking for (chromeDevTools):
Map webpack://./ to /
Related
When using the Microsoft Edge browser, by default when you open a PDF it will open the PDF in a new tab using the built-in PDF viewer. To avoid this, you can adjust the browser's settings: Toggle on the "Always open PDF files externally" option. This works great. However, it presents a separate issue. Our internal applications use embedded PDFs in iframes. When the external toggle is set to on, these PDFs will not show in the iframes. This doesn't happen in Chrome. Has anyone else experienced this and know a work around?
I've tried removing the type="application/pdf" from the iframe tag to no avail. I can't find anything else online.
It looks like an expected result because you have enabled the option Always open PDF files externally.
So MS Edge browser is giving you an option to download the PDF file and open it using the desired app.
You said this doesn't happen in Chrome browser.
If you enabled the Download PDF files instead of automatically opening them in Chrome option then you will notice the same result in the Chrome browser.
Output in the Chrome browser:
If you click on the Open button then it will download the PDF file.
I did not get any solution or a workaround for this issue.
If you think that there should be an option to load the file in an iframe if Always open PDF files externally option is enabled then I suggest you click on the Send Feedback button in the MS Edge browser and try to provide your feedback about it to the Microsoft.
I posted feedback suggesting that an exclusion/inclusion list be in included but the simplest way would be to treat the frame as part of the session. But this is not Microsoft it is the Chrome projects issue.
I am having trouble getting Chrome to open html files from MacOS Finder. This includes double-clicking or right clicking and selecting open. These actions result in opening or making Chrome the active application, but not opening the html file. Does anyone have any ideas on how to fix this? It didn't start after an update or any detectible change in how I work. It seems totally random.
Here's what I've tried:
opening multiple html files created in different applications (sublime, dreamweaver, atom, etc.)
deleting Chrome preferences
resetting all Chrome settings
running all possible updates
restarting Chrome and computer
Here's what does work:
opening files from within Chrome via File>Open File
opening a new tab or window in Chrome and dragging an html file into it
opening html files in Firefox and Safari by all available methods without encountering the issue I'm experiencing with Chrome.
Thank you!
Recreating the Sublime Text preference file resolved the issue. Admittedly I feel kinda dumb for not doing this in my first round of troubleshooting, but at least I did it now! Hopefully this at least helps some other people out there with the same issue.
So I've uploaded my html, css and js files via Pydio. But the site seems to get messed up. Can anyone tell me what happened to it and how to fix it?
Some of the google font I used shows up but some didn't. Also, the bootstrap grid doesn't show up like its supposed to be. The site also didn't scale according to screen size.
When I preview the website in Brackets, it looks perfectly fine.
Please help.
mean-design.com
I think that you forgot to upload some files.
Here is the list :
( click on the image to zoom in )
Sounds to me that you did not upload everything or there are some absolute paths in your code. If you copy everything you uploaded to another local machine, does it work then?
You can actually see which files are missing if you open the online version of your page in your webbrowser and have a look at the developer console (press F12 in Chrome, Ctrl+Shift+I in Firefox). In the console all missing files are stated in the logged errors.
Thanks to Relisora we even have a screenshot of the error console:
Check if you uploaded all files and if so, check their path and link tags.
I'm developing an Angular app. When trying to debug my directive's link function I run into problems with Chrome regarding source maps.
On the first load of the page (triggered by Gulp and BrowserSync), everything is just nice and dandy: I can see both the browserified file as well as the single source files from the map. There is an error in the console, so I click on the call trace to explore it and the correct line of code will be shown inside the source file - just as expected.
The trouble begins by setting a breakpoint in my code and reloading the browser to debug. The execution halts at the breakpoint - ok -, yet apparently no source file has been loaded yet. Instead where before had been the source file, a text of friendly green letters tells me:
Please wait a bit.
Compiled script is not shown while source map is being loaded!
That is correct. I can see in the sources tab that it's indeed not loaded, yet nothing further ever happens (presumably due to the breakpoint).
I've never had that behavior before. I don't think it's due to my Browserify source maps, rather I suspect it's an issue with Chrome.
In Firefox everything works as it should. But I much prefer Chrome over Firefox, so...
Did any of you ever had this issue or has any idea what might be causing it?
The Chrome version that I'm is using version 41.0.2272.118 (the current one as of asking this question).
I'm trying to get LiveReload to work with a local website I'm coding for now, but it won't seem to work. On non-local pages, the extension icon is clickable and all, but for local files, it's not: http://i.imgur.com/qrMDo.png
Does it not work with local files? I have it added within the app. Or does it not work with ML? It works if I add the script to the HTML file, but I'd prefer not to.
It seems to me that it is a bug.
It was reported here. I have exactly the same problems in Safari.
Just use different browser, if you can. It works great in Firefox for me.