D3.js: "Nicht erfasster Syntaxfehler: Unerwartetes Token ILLEGAL"?

77

Ich habe gerade D3.js von d3js.org heruntergeladen (Link zur Zip-Datei), es entpackt und auf der folgenden HTML-Seite darauf verwiesen:

<html>
<head>
<title>D3 Sandbox</title>
<style>
</head>
<body>
<script src="/d3.v3.js"></script>
</body>
</html>

Wenn ich diese Seite lade, gibt mir meine Konsole (in Chrome) den folgenden Fehler:

Uncaught SyntaxError: Unexpected token ILLEGAL: line 2

Die pi- und e-Symbole am Anfang der Datei gefallen nicht . Errrr ... was kann ich dagegen tun? Ich bediene die Datei mit Pythons SimpleHTTPServer.

Update: Ja, ich weiß, dass ich nur auf eine CDN-Version verlinken kann, aber ich würde es vorziehen, die Datei lokal bereitzustellen.

javascript d3.js

— Richard
quelle

Das Problem für mich war, dass simplehttpserver utf8 standardmäßig nicht unterstützt: stackoverflow.com/questions/15288891/…

— lewurm

136

Geben Sie den UTF-8-Zeichensatz im HTML-Hostdokument an:

<meta http-equiv="content-type" content="text/html; charset=UTF8">

D3 enthält UTF-8-Symbole (wie π), die in Nicht-UTF8-Dokumenten ungültig sind.

— Laurent Jégou
quelle

5

— Nitsan Baleli

5

Können Sie kommentieren, warum dies notwendig ist?

— BBischof

3

BBischof: D3 enthält UTF-8-Symbole (wie π) Invaliden in Nicht-UTF8-Dokumenten

— Laurent Jégou

1

Dies hilft nicht, wenn für den Benutzer die Einstellung "Ansicht"> "Codierung" in "Automatisch erkennen" in Chrome deaktiviert ist. Das Ausführen von uglify mit der Option --ascii-only ist zuverlässiger.

— Nathan Bubna

1

Sie müssen UTF8 verwenden, weil D3 Sie ein Zeichen wie π (Pi): github.com/mbostock/d3/issues/1195

— Nicolaï Van Lennepkade

9

Das klingt nach einem Problem mit der Codierung. Ich empfehle das absolute Minimum, das jeder Softwareentwickler unbedingt über Unicode und Zeichensätze wissen muss (keine Ausreden!) . Trotz des etwas herablassenden Titels enthält es einige sehr nützliche Informationen. Insbesondere scheint Ihr Server die d3.v3.jsDatei mit der falschen Codierung bereitzustellen.

— TJ Crowder
quelle

6

Füge 'charset = "utf-8" hinzu'

<script src="/d3.v3.js" charset="utf-8"></script>

— Hewsonismus
quelle

1

Obwohl es lahm ist, hilft dies nicht, wenn der Benutzer die Einstellung "Ansicht"> "Codierung" in "Automatisch erkennen" in Chrome deaktiviert hat. Das Ausführen von uglify mit der Option --ascii-only ist zuverlässiger.

— Nathan Bubna

5

Ich habe versucht, den Zeichensatz im Dokument und im Skript-Tag selbst festzulegen, aber Chrome scheint das nicht zu interessieren. Ich bin mir nicht sicher, ob ich etwas falsch mache.

Ich habe Erfolg gehabt, indem ich es zuerst mit der Option --ascii-only durch uglify ausgeführt habe.

UPDATE: Es stellte sich heraus, dass meine Einstellung Ansicht-> Codierung in Chrome nicht auf Auto-Detect eingestellt war, sondern auf westliche Codierung. Ich weiß nicht warum, aber eine Änderung hat das Problem behoben. Es ist lächerlich, dass diese Einstellung eine Zeichensatz-Eigenschaft direkt auf dem Skript-Tag übertrumpfen würde. In Anbetracht der Tatsache, dass sich Benutzer möglicherweise in derselben Situation befinden und nicht in der Lage sind, dies herauszufinden, werde ich uglify weiterhin verwenden, um den Erfolg sicherzustellen.

— Nathan Bubna
quelle

hatte das gleiche Problem. Das Ändern der Codierungseinstellung zur automatischen Erkennung hat das Problem behoben

— Andrew Staroscik

0

Überprüfen Sie, ob zwischen all Ihren Zeichenfolgenverkettungen ein Pluszeichen steht. Andernfalls wird dieser Fehler generiert.

— userFog
quelle