JavaScript NodeJS bzw. Javacript Code öffnen (im Browser)

[corey123]

Man kann solche Themen dann auch einfach ignorieren und die Leute nicht dumm anpöbeln, oder nicht?

 

[Bagbag]

Wo war das denn bitte pöbeln? Ich habe durchaus auch hilfreiche Tipps gegeben. Und am besten lernt man immer noch, wenn man selbst auf die Lösung kommt (u.A. auch deshalb, weil zu wissen wie man zu Lösungen kommt hier unerlässlich ist).

 

[HerrDrachen]

Error: Cannot find module 'E:\Wirtschaftsinformatik\JavaScript\NodeJS - Maximilian Schwarzmüller\04-adding-a-cart-model\shop.js'
←[90m at Function.Module._resolveFilename (internal/modules/cjs/loader.js:962:15)←[39m
←[90m at Function.Module._load (internal/modules/cjs/loader.js:838:27)←[39m
←[90m at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)←[39m
←[90m at internal/main/run_main_module.js:17:47←[39m {
code: ←[32m'MODULE_NOT_FOUND'←[39m,
requireStack: []

Ich habe erfolgreich NodeJS für Windows 7 installiert.
Musste etwas suchen, Win7 ist alt^^
Wenn ich versuche shop.js auszuführen, kommt folgende Meldung, siehe oben.
Habe node shop.js eingegeben.

Allerdings habe ich auch eine eigene Datei mit dem Namen first-app.js erstellt und die kann ich erfolgreich
mit node first-app.js ausführen.
Bin schon weiter gekommen.

 

[corey123]

"Pöbeln" war nicht direkt auf dich bezogen. Du hast ihm gesagt was er machen muss um es ans Laufen zu bringen, das ist mir klar. Ging mir mehr darum wie du es ihm versucht hast zu erklären.

 

[HerrDrachen]

Ich vergebe euch^^

Also, NodeJS kann ich noch nicht ausführen, aber reine Javacript Dateien schon, ja?

 

[corey123]

Hast du die Befehle aus Bagbags erster Antwort mal ausgeführt?

 

[Joshinator]

Wenn ich versuche shop.js auszuführen, kommt folgende Meldung, siehe oben.
Habe node shop.js eingegeben.

Das ist weil shop.js nicht dafür gedacht ist ausgeführt zu werden (egal ob das der Controller oder die Route ist).

Beide Dateien definieren nur Code, die routes/shop sagt das z.B. GET /products
getProducts vom Shop-Controller aufrufen soll. Und im Shopcontroller findest du den entsprechenden Export.

Dabei geht es um sauberen Code, die Router-Definition ist sauber in einer eigenen Datei und der Controller der mit Daten arbeitet oder Seiten rendert ist auch sauber in seiner eigenen Datei.

Keine der beiden Dateien ist dafür ausgelegt einzeln ausgeführt zu werden, nur die app.js ist dafür gebaut (oft auch der Entrypoint bei Node-Servern genannt).

Wüsste aber gerne mal wie du shop.js ausgeführt hast, sowohl node routes/shop.js und node controllers/shop.js laufen ohne Error durch (weil die eben nicht dafür designed worden etwas alleine auszuführen, die definieren Code und sind dann fertig).
Nur bei node shop.js bekomme ich denselben Module not found Error, aber auch nur weil es die shop.js im Projekt-Ordner nicht gibt (sind eben alle in einem Unterordner)

 

[TheRepatriate]

Dann reicht es aber doch freundlich darauf hinzuweisen, dass man das alles er-googeln kann und ggf. noch ein, zwei einsteigerfreundliche Tutorials zu verlinken, die man so kennt.
Der Umgangston mit dem du geantwortet hast ist mir einfach in meinen Jahren als Softwareentwickler und auch im Studium zu häufig untergekommen. Ein, zwei Leute meinen sich profilieren zu müssen und halten damit den Rest vom Team klein statt sie aufzubauen. Das ist sowohl Gift für die Kommunikation im Team als auch für den Projekterfolg.

 

[HerrDrachen]

Wüsste aber gerne mal wie du shop.js ausgeführt hast, sowohl node routes/shop.js und node controllers/shop.js laufen ohne Error durch (weil die eben nicht dafür designed worden etwas alleine auszuführen, die definieren Code und sind dann fertig).

Also bei mir läuft keine einzige Datei durch!
Ich bekomme bei jeder (!) Datei eine Fehlermeldung.

Auch wenn ich es genauso wie du eingebe.....es kommt immer eine Fehlermeldung.

 

[Joshinator]

npm install hast du im 04-adding-a-cart-model-Ordner ausgeführt?
Wurde ja im erstem Kommentar bereits gesagt, package.json hat externe Dependencies/Abhängigkeiten definiert (sowas wie Express ).
Die lädt der Node Package Manager (daher npm) runter wenn du npm install ausführst (das erstellt dann einen node_modules Ordner mit einigen Dateien).

Wenn die Dependencies installiert sind musst du den Server starten, das machst du indem du node app.js im 04-adding-a-cart-model-Ordner ausführst.

 

[Hayda Ministral]

Man kann solche Themen dann auch einfach ignorieren und die Leute nicht dumm anpöbeln, oder nicht?

Ja, kann man. Aber wer wäre so kaltherzig? Wenn nur ein winziger Bruchteil der hoffnungsvollen "HTML-Programmierer" auf den Thread hier stößt und daraus den Schluß zieht das man mit weniger als 0.0000001 Femtosekunden Aufwand für die Formulierung das hinrotzen einer Frage nicht zum Ziel kommt und wenn nur ein wiederum winziger Bruchteil dieser winzigen Menge von hoffnungsvollen "HTML-Programmierern" sich daraufhin etwas Mühe gibt bei der Formulierung seiner Frage und wenn dann wiederum ein einziger dieser ..spar ich mir....eine Antwort erhält mit der er etwas anfangen kann oder anhand derer er weitere und immer qualifiziertere Fragen stellt und so sein Problem letztlich löst.....dann hat die Antwort nach dem SISO-Prinzip(*) doch genau das bewirkt was man sich von einem Forenthread erhofft. Sie hat geholfen. Und Du würdest also diesem einen hoffnungsvollen HTML-Programmierer diese Chance verweigern wollen? Was bist Du denn für einer? (scherz)

(*) SISO - Shit in -> Shit out

 

[HerrDrachen]

Mal eine Frage zu Javascript:

https://github.com/jonasschmedtmann/complete-javascript-course/tree/master/14-OOP/final
Wie kann ich das im Browser darstellen?
Es ist eine html und eine js Datei.

Nachdem der Code geschrieben wurde, will ich es mir im Browser anzeigen lassen.

Wie kann ich die .js File ausführen lassen?

 

[Bagbag]

Die wird automatisch durch Zeile 25 in der html-Datei ausgeführt.

 

[HerrDrachen]

Warum sehe ich dann das aus der .js File nicht, wenn ich die html Datei ausführe?

 

[Bagbag]

Weil in der JavaScript Datei nur 650 Zeilen Kommentare sind.

 

[HerrDrachen]

Ja, vielen Dank, das macht Sinn!

Aber:

Wenn ich die .js File in VS Code öffne, sieht die Datei ganz anders aus, als wenn ich die
.js File von der Seite github direkt im Browser öffne.

Also, wenn ich die Datei script.js herunterlade und mit dem Editor öffne,
sieht die Datei ganz anders aus, als wenn ich die Datei online öffne!

Ich will die script.js gerne verändern, also Kommentare entfernen,
dann müsste ich auch ne Ausgabe sehen.

 

[Madman1209]

Hi,

Ich will die script.js gerne verändern, also Kommentare entfernen,
dann müsste ich auch ne Ausgabe sehen.

dann mach das doch?! Wo genau ist das Problem?

VG,
Mad

 

[HerrDrachen]

Ich habe die js. Datei aus dem Browser jetzt in VS Code einfach reinkopiert
und da die Kommentare entfernt.

Wenn ich die html Datei ausführe kommt immer noch nicht das richtige
obwohl die Kommentare in der .js File jetzt weg sind -.-

 

[AW4]

Was ist denn deiner Meinung nach "das Richtige"?
Soweit ich das sehen kann, wird da in der js-Datei lediglich in die Konsole geschieben.
Also musst du entsprechend auch genau da (also in die Entwickler-Konsole deines Browsers) reinschauen, um am Ende etwas sehen zu können.

Pack mal mehr Infos in deine Posts.
Dir wird dir auf lange Sicht keiner helfen wollen, wenn man dir alles einzeln aus der Nase ziehen muss...

 

[HerrDrachen]

So, ich bin weiter gekommen!

Jetzt arbeite ich mit der richtigen .html und der richtigen scipt.js!
Ich hab das jetzt einfach manuell in VS Code kopiert, verändert und abgespeichert!

Also musst du entsprechend auch genau da (also in die Entwickler-Konsole deines Browsers) reinschauen, um am Ende etwas sehen zu können.

Wie mach ich das? Wo genau muss ich klicken?

HTML Datei starten, Rechtsklick "Inspect" und dann Console.
Es kommt in der Console aber ne Fehlermeldung -.-

Uncaught SyntaxError: Unexpected identifier

Was jetzt?