parcel bundler compiling html and adding strange uni code characters - parceljs

I'm pretty sure I had this problem in the past on windows but can't remember, and I have searched google for hours and even their issues list on github and saw nothing. when running parcel index.html or parcel serve index.html with a boilerplate html file even (the basic one any editor makes by default) i get this output:
https://prnt.sc/uujab4
Opening the file it built in a text editor looks like this gibberish:
https://prnt.sc/uujbzw
does anyone know why it does this, I have been at this for hours to no avail

well after 5 hours of a frustrating fight, and help from a friend using a mac he noticed on the mac that my vs code had saved the file as utf-16 instead of utf-8 and that was the cause. after forcing vs code to re save it in utf-8 it fixed it.
what a day

Related

VS Code, Windows, OneDrive, GoLive issues

Hello, I am new to VS Code, used Atom before. We were trying to use "GoLive" to view some html with javascript, and getting strange errors. It seemed like the errors had to do with the fact that files were being served from the user's OneDrive at some point, instead of from their hard drive, where we'd put them originally. I assume the solution is to un-sync the folder we're working and testing in from OneDrive?
Other folders (and projects) were working, so we tried renaming some folders in the VS Code Explorer, and at that point, we were not allowed to do so.
Any thoughts?
Unsynced oneDrive and restarted, and that fixed the problem.

Pasting UTF-8 copied text into github issue using Firefox, removes `\n`?

Since some time ago, when copying text from UTF-8 enabled terminal windows (on Windows!) into a GitHub issue (from Web browser), seem to remove the newlines (\n), causing all text to become one very long line. This is a sudden and highly annoying issue, that I am not able to resolve.
I am sure sure the text as copied has not changed for years, since I have been using the same various terminals and Windows and pasting into all other places such as other programs and web sites, work fine.
Q: Any idea what is going on?
(I have also tried to find a way to report the issue to github, but since the MS acquisition, there is no longer a sensible way to report bugs!)
Other SO posts have suggested to use this repo for tracking, but still require you to send email.
(Who the heck uses emails for bug reporting these days!?)

Automatically formatting HTML within PHP with VSCode?

I tried Intelephense and dozens of other extensions and settings but NONE of them achieved what I'm after. What I prioritize is automatic tag close and automatic indent... most of others VSC functionalities for HTML would be great too, like css classes or files paths suggestions, but what I really need is this 'basic' automatic format...
I'm sorry for this question, I know it's been done and answered before, it's just that I can't get my VSC to correctly work with HTML when mixed with PHP, and I've been trying for months now... Read everything I've found on Google, searched about it here and on Reddit, but wasn't able to reproduce any of the solutions, or better saying, none of them worked for me.
Could anyone give me some guidance?
Luckily I felt the same way as you so I just decided to go ahead and hammer out a solution to this very annoying problem with a VScode extension that doesn't register itself as a "formatting" extension I format the HTML onBeforeSave so you can still register a PHP formatting extension so between the two it gets the whole file. I use js-beautify so you can just use all the native HTML formatting settings in VSCode already.
Format HTML in PHP on the VSCode Extension Marketplace.

guard-livereload stopped working

Since merging in my co-worker's changes this morning, guard-livereload has stopped working. The javascript is being injected into the page, and guard does detect my browser, but no matter what files I modify, it simply does not reload whatsoever.
Here is my console output today, with livereload not working. Note that there is just zero output after detecting the browser - unlike other questions on stackoverflow, where livereload claims to be reloading but does not do anything. Here is my console output from the last time I was at work, when it did function correctly. The annoying thing is that ui.css.scss is the file I'm modifying now as well! My guardfile has not changed, I've checked.
Here is my bundle install output from this morning (my co-worker updated a bunch of gems). I'm using rack-livereload in lieu of a browser extension.
Any advice?
UPDATE: I've tried using the Livereload Chrome extension, but I get exactly the same (lack of) output, so I don't believe rack-livereload to be the culprit.
Found the solution, in part thanks to this.
It turns out Sublime Text 3's atomic save feature is what was preventing LiveReload from detecting changes to Sass files. Why it worked before a certain commit is beyond me...
Simply add "atomic_save": false to your Sublime settings to avert this.
Just to add an alternative solution - for me this was because I'd upgraded to rails 4.2 and changed my asset file names from .css.scss to .scss as per the recommendation in the logs.
Of course, when I checked my Guardfile I was still watching for .css files:
... (css|js|html|png|jpg) ... { |m| "/assets/#{m[3]}" }
A simple change from watching for css to scss like so:
... (scss|js|html|png|jpg) ... { |m| "/assets/#{m[3]}" }
and all fixed!

Aptana's css autocomplete doesn't update itself

I'm doing an web project and all pages have the .php suffix. I started with a single css (style-default.css) file and the auto-complete worked perfectly. Now I changed that css filename (to custom.css) and added some more css files (Foundation 3 framework).
The strange thing is when typing class="..." the autocomplete only shows me options for the custom.css although it displays the name "style-default.css" and no suggestions at all for the "foundation.min.css". I checked and both files are included in the build despite I can't build a web project. Is there any way to refresh the auto-complete?
I even tried removing the project and importing it again, but it didn't worked.
Ok I found out... Aptana auto-complete apparently can't read *.min.css. I included the *.css instead and the suggestions appeared. Still, the outdated filenames looks like a bug to me.