Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

minified vega-core.js causes problems

See original GitHub issue

Do you know why this is happening?

Eventually, I would like to create a single standalone html file that contains everything (css, javascript, html, etc.), but I anticipate that this issue is going to hold me back.

This html file works perfectly, without any errors:

`vega-success.html`

<html>
<head>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://vega.github.io/vega/vega-core.min.js"></script>
</head>
</html>

On the other hand, this one throws an error:

`vega-error.html`

<html>
<head>
<script src="js/d3.v4.min.js"></script>
<script src="js/vega-core.min.js"></script>
</head>
</html>

I downloaded the files like this:

mkdir js && cd js
wget https://d3js.org/d3.v4.min.js
wget https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.8/vega-core.min.js

I’m serving the files like this:

python -m SimpleHTTPServer 8000

Here is the error (truncated because it is long):

Uncaught SyntaxError: Invalid regular expression: /[ÂªÂµÂºÃ€-Ã–Ã˜-Ã¶Ã¸-ËË†-Ë‘Ë -Ë¤Ë¬Ë®Í°-Í´Í¶Í·Íº-Í½Í¿Î†Îˆ-ÎŠÎŒÎŽ-Î¡Î£-ÏµÏ·-ÒÒŠ-Ô¯Ô±-Õ–Õ™Õ¡-Ö‡×-×ª×°-×²Ø -ÙŠÙ®Ù¯Ù±-Û“Û•Û¥Û¦Û®Û¯Ûº-Û¼Û¿ÜÜ’-Ü¯Ý-Þ¥Þ±ßŠ-ßªß´ßµßºà €-à •à šà ¤à ¨à¡€-à¡˜à¢ -à¢²à¤„-à¤¹à¤½à¥à¥˜-à¥¡à¥±-à¦€à¦…-à¦Œà¦à¦à¦“-à¦¨à¦ª-à¦°à¦²à¦¶-à¦¹à¦½à§Žà§œà§à§Ÿ-à§¡à§°à§±à¨…-à¨Šà¨à¨à¨“-à¨¨à¨ª-à¨°à¨²à¨³à¨µà¨¶à¨¸à¨¹à©™-à©œà©žà©²

Here’s what I see in my console:

localhost_8000_vega-error_html

I’m using Chrome 63.0.3239.84 on a Mac.

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

jheercommented, Dec 22, 2017

Thanks for raising the issue. This appears to be a character set encoding issue. Perhaps the server-provided MIME type differs from the local Python server? In any case I was able to replicate the issue, and fix by making the character set explicit:

<html>
<head>
<script src="js/d3.v4.min.js" charset="UTF-8"></script>
<script src="js/vega-core.min.js" charset="UTF-8"></script>
</head>
</html>

0reactions

jheercommented, Dec 22, 2017

UglifyJS does support an ascii-only export option that escapes unicode characters. Enabling this flag adds ~5kb to both vega.min.js and vega-core.min.js. Do we want to live with that extra 5kb? An alternative would be to update the usage documentation to use the script charset attribute. I’m leaning towards the latter, but am happy to consider any feedback on the issue.