Handlebars in HTML einbinden

[coldstone28]

Hallo,

ich versuche mich gerade in Template Engines reinzufuchsen und mir mal Handlebars angeschaut.
Ich habe handlebars über den npm auf den server erfolgreich installiert.
Welche handlebars.js datei muss ich in meinem code einbinden damit ich damit arbeiten kann?
Es gibt die Datei in mehreren unterordnern von handlebars.
Oder ist es nicht die datei, die eingebunden werden muss?

habe es shcon mit mehreren versucht, aber entweder ist mein quellcode falsch, oder ich lese handlebars falsch in meinen code ein.
Oder muss es nicht eingelesen werden mit <script src=............................>?

Fragen über fragen.....

Ich habe es mal mit dem folgenden code versucht, welches auf der Homepage angegeben wird.
Dieser hat leider auch nicht funktioniert.

<!-- Include Handlebars from a CDN -->
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<script>
  // compile the template
  var template = Handlebars.compile("Handlebars <b>{{doesWhat}}</b>");
  // execute the compiled template and print the output to the console
  console.log(template({ doesWhat: "rocks!" }));
</script>

 

[Sempervivum]

Handlebars habe ich vor einiger Zeit auch mal benutzt. Ich habe deinen Code getestet und er funktioniert bei mir einwandfrei. Was heißt denn, es hat nicht funktioniert? Auf der Seite selber ist das Ergebnis nicht zu sehen, es wird nur in der Console ausgegeben.

 

[coldstone28]

Oh, oh. Wie dumm von mir eine Ausgabe auf der Seite zu erwarten.

console.log(template({ doesWhat: "rocks!" }));

Natürlich auf der Console.

EDIT:
irgendeine idee, wie ich handlebars lokal in meine html einbinde?
Habe jetzt mehrere handlebars.js dateien versucht, aber ohne erflolg.

<script src="node_modules/handlebars/lib/handlebars.js"></script>

<script src="node_modules/handlebars/dist/handlebars.js"></script>

Obige geben in der konsole folgende fehlermeldung raus:

Das Skript von "http://xxxxxxxxxxxxxxxxxxxxxxxx/node_modules/handlebars/runtime.js" wurde geladen, obwohl sein MIME-Typ ("text/html") kein für JavaScript gültiger MIME-Typ ist.

hat es mit dem server script was zu tun?

...
response.writeHead(200, {'Content-Type': 'text/html'});
...

 

[ComFreek]

Ja, das hat genau etwas mit dem Server zu tun. JavaScript-Dateien sollten mit dem JavaScript MIME-Typ application/javascript (aus dem Gedächtnis) ausgegeben werden.

irgendeine idee, wie ich handlebars lokal in meine html einbinde?

CDNs sind eigentlich die bessere Lösung i. Allg.