Warum wird diw HTML Index Dateie nicht im Browser angezeigt?

Hallo zusammen,

bin absoluter Neuling der kürzlich erst die Basics von Python gelernt hat und wollte nun mit Js und Node JS etwas arbeiten. Habe über Visual Studio einen Code geschrieben, aber wenn ich diesen in chrome Aufrufe wird nichts angezeigt. Kann mir da vielleicht wer helfen?
Danke im Voraus:)

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript, Programmiersprache

23.05.2023, 01:54

(...) der kürzlich erst die Basics von Python gelernt hat (...)

Inwiefern diese Information für deine Frage relevant ist, erschließt sich mir nicht. Ich gehe davon aus, dass sich deine Frage, so wie du es folgend schreibst, nur auf Node.js bezieht.

(...) aber wenn ich diesen in chrome Aufrufe wird nichts angezeigt.

Du brauchst eine Webserverimplementation.
Du brauchst eine Implementation für einen Request-Handler, der HTML o.ä. zurückgibt.
Die Webanwendung (das schließt den Webserver ein) muss gestartet werden.
Die URL für deinen Request-Handler muss in einem Browser auf deinem Gerät aufgerufen werden.

All diese Schritte werden hier praktisch zusammengefasst: Node.js - Getting Started.

Sollte es in diesem Kontext zu Fehlern kommen, erhältst du womöglich Fehlermeldungen in der Konsole (über die du die Anwendung gestartet hast), in der Browserkonsole oder generell im Browserfenster. Was dir deine Node.js-Webanwendung an den Browser geschickt hat, kannst du nachschauen, indem du dir den Seitenquelltext anzeigen lässt (siehe Kontextmenü, welches sich bei Rechtsklick im Browserfenster - also auf der Fläche, in der die Webseite angezeigt werden sollte - öffnet).

Etwas fortgeschrittener ist die Anwendung eines Webframeworks wie z.B. Express, Koa, Nest.js oder Sails. Es erleichtert die Implementation von Request Handlern, einem Webserver, die Datenverarbeitung, usw..

elpato86

Fragesteller

23.05.2023, 03:00

Perfekt!! Vielen Dank !!

quark813

23.05.2023, 00:36

Kann viele Gründe haben. Zum Beispiel wenn der Stahl Trace von Python einen kleinen Fehler findet, baut sich die Seite gar nicht. Oder ein Skript geht in einem Browser, im andern nicht.

Probier es sonst mal mit einem anderen Browser, etwa Opera oder Firefox, letzterer kann mit F12 etwaige JavaScript-Fehlermeldungen anzeigen (Wo das in Chrome ist, musst du gucken)

Woher ich das weiß:Berufserfahrung – Besuch mehrerer Weiterbildungen dazu

elpato86

Fragesteller

23.05.2023, 00:40

Danke dir! Habe alles gelöscht und nur den Code über ! aufgerufen - dann im Body nur „Test“ geschrieben… sollte gehen oder ?!

elpato86

Fragesteller

23.05.2023, 00:42

Achso.. Edge klappt auch nicht.

quark813

23.05.2023, 00:52

Wie lässt du denn die Seite laufen, welche Python-module o.ä. benutzt du?

Meine index.js :

const app = require("express")();
const http = require("http").Server(app);
const io = require("socket.io")(http);

http.listen(3000,()=>{
    console.log("working")
})
app.get('/index.html', (req, res) => {
    res.send('<h1>Hello world</h1>');
  });

Lokal funktioniert das, wenn ich localhost:3000/index.html

aufrufe erscheint ein Hello World,

aber wenn ich das ganze über FTP hochlade und url/index.html aufrufe :

Leere Html Seite und Konsole Error :

index.js:1 Uncaught ReferenceError: require is not defined

Also hat der Server garkein Node JS.

SSH hab ich aber garnicht, um dann mit irgendwelchen Ubuntu Commands das zu installieren, sudo apt install nodejs ...

Sry wenn es eine Dumme Frage ist aber ich hab bis jetzt nur Serverseitig Php gemacht und das ist sehr simple.

Man benutzt Fetch oder Ajax und im php skript echo "hello world"; und das wars.

Wollte mich an Node JS Ranwagen, das ganze ist aber viel komplexer.

(Bin bei All inkl)

...zur Frage

Visual Studio Code, Python Command Line Dev Tools?

Guten Tag, ich habe letztens angefangen mir Programmieren selber beizubringen. Ich setze mich zur Zeit nur mit den Basics von Python auseinander. Jedesmal wenn ich Visual Studio Code öffne möchte er dass ich die python 3 Command Line Developer Tools Installiere. Diese hatte ich schon öfters über "installieren" installiert, bei jedem Neustart kommt diese unten gezeigte Meldung neu. Mache ich etwas falsch?

Danke im Voraus.

...zur Frage

Beste Pogrammiersprache?

Hi, ich bin Pogrammierer und kann sehr viele Sprachen: C#, Node js, python, Javascript usw. Nur möchte ich gerne wissen, wie beliebt die beliebige Sprache ist.

...zur Frage

Was ist euer JS Lieblingsframework?

...zur Frage

Unterschied library und framework?

Also ich weiss schon was eine library ist, aber nicht, wo der Unterschied zu einem framework ist. Ist ein framework einfach größer? Bin nicht zu komplex erklären, ich bin auch nur ein vanilla js game dev der das als hobby macht.

Und ja ich hab auch schon gegoogelt ich checks nicht

...zur Frage

Python auf Visual Studio?

Hey hey,

Ich probiere grade ein bisschen rum aber dabei habe ich gemerkt das ich irgendwie die Python Scripte nicht in Visual Studio öffnen kann, immer wird mir angezeigt "Fehler beim Erstellen. Möchtest du den Vorgang fortsetzen und den letzten erfolgreichen Build ausführen?" was mache ich dagegen? Immerhin wird mir das Python Logo in der Projektmappe angezeigt. Mfg

...zur Frage

Kommunikation zwischen Node JS und Python?

Hallo,

ich programmiere aktuell einen Discord Moderations Bot. Dieser hat auch eine Nachrichten - Check funktion, die die Nachrichten auf Beleidigungen überprüft.

Die dementsprechende Prüfung würde ich aber gerne in einem Python Script ausführen.

Da es einige Anfragen sind, die beantwortet werden müssen, finde ich child processes ungeeignet.

Gibt es eine gute Möglichkeit mein Node JS Script mit dem Python Script zu verbinden? Ich hatte schon eine REST-API gemacht, dass hat auch funktioniert, aber ich könnte mir vorstellen, dass das alles durch einen Socket deutlich schneller gehen würde.

Anfangs wollte ich zeroRPC verwenden, allerdings läuft das auf node js 16 noch nicht.

Mit Socket.IO habe ich das ganze nicht laufen bekommen.

Wie würdet ihr das machen?

...zur Frage

Node JS / Npm Fehlermeldung?

Ich wollte Robot JS installieren mit Windows (Unter Linux klappt alles super )

jedoch tritt diese Fehlermeldung auf und ich habe schon viel versucht.

Nichts hilft. https://pastebin.com/1VfKGnXx

Habe auch beim installieren von NodeJS darauf geachtet das es diese Python/C++ Pakete oder so mit installiert.

PS C:\Users\maxmustermann\Desktop\robotjs> npm install robotjs

Es installiert kurz Robot Js und dann löscht es sich wieder und dann erscheint das

Part 1:

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code 1
npm ERR! path C:\Users\maxmustermann\Desktop\robotjs\node_modules\robotjs
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c prebuild-install || node-gyp rebuild
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@9.0.0
npm ERR! gyp info using node@18.3.0 | win32 | x64
npm ERR! gyp info find Python using Python version 3.10.5 found at "C:\Users\maxmustermann\AppData\Local\Microsoft\WindowsApps\PythonSoftwareFoundation.Python.3.10_qbz5n2kfra8p0\python.exe"
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config
npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp ERR! find VS checking VS2022 (17.2.32602.215) found at:
npm ERR! gyp ERR! find VS "C:\Program Files\Microsoft Visual Studio\2022\Community"
npm ERR! gyp ERR! find VS - found "Visual Studio C++ core features"
npm ERR! gyp ERR! find VS - missing any VC++ toolset
npm ERR! gyp ERR! find VS checking VS2019 (16.11.32602.291) found at:
npm ERR! gyp ERR! find VS "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools"
npm ERR! gyp ERR! find VS - found "Visual Studio C++ core features"
npm ERR! gyp ERR! find VS - missing any VC++ toolset
npm ERR! gyp ERR! find VS could not find a version of Visual Studio 2017 or newer to use
npm ERR! gyp ERR! find VS looking for Visual Studio 2015
npm ERR! gyp ERR! find VS - not found
npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio
npm ERR! gyp ERR! find VS including the "Desktop development with C++" workload.
npm ERR! gyp ERR! find VS For more information consult the documentation at:
npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS

Die ganze Fehlermeldung passt hier nicht rein.

...zur Frage

Wie lange dauert es, Python zu lernen?

Ich habe kürzlich angefangen Python zu lernen, aber habe Angst, dass ich bis zum Ende der Ferien nicht die Basics ordentlich anwenden kann. Wie lange braucht man als Neuling im Normalfall um Python zu lernen und warum brauche ich so lange? Studenten lernen sowas mal nebenher in ner Woche während die noch studieren, habe ich mal gehört, jetzt bin ich ziemlich demotiviert, denn wenn ich sowieso über 5 Jahre später mit Programmieren anfange, als alle anderen, und dazu noch weniger Talent habe, sollte ich es besser gleich lassen.

...zur Frage

Welchen Techstack nutzt ihr als Web Developer im Beruf?

und was Techstack ihr. Front end backend fullstack ?

Angular Typescript node js mongo bootstrap oder sowas.
React js java scss
Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

...zur Frage

Javascript schwer zu lernen?

Ist der Einstieg in Javascript einfach ?

Ich kann schon seit einigen Jahren PHP, SQL, Python und Java(Android) Basics.

Nun möchte ich mal Js ausprobieren.

...zur Frage

Zweitsprachige Webseite mit JS?

Ist es besser eine extra Seite für die zweite Sprache meiner Website zu machen also seite.com und seite.com/de, oder wäre es besser, die Texte direkt mit Js zu machen. Also wenn einer mit der Browsersprache Deutsch die Webseite betritt, soll Js es ermitteln und dementsprechend den Text einblenden ohne eine zweite Seite. Was wäre besser

...zur Frage

Geteilte Einkaufsliste JS?

Also ich will eine Geteilte Einkaufsliste machen wo wenn einer etwas hinzufügt es bei allen anderen auch hinzugefügt wird und dasselbe auch beim Löschen. Leider weiß ich nicht wie eine JS Datenbank geht und finde kein Deutsches Tutorial.

...zur Frage

Wie zeichne ich einen Graph in Javascript D3.js?

Ich möchte ein Graphendiagramm erstellen. Dazu habe ich eine JSON-Datei erstellt. Die Skills ("java, python, HTML, json") sind die Knoten und die Indexe (KayO, BenBeck, Borea usw.) sind die Kanten. Der Knoten muss eine Mindestgröße haben und darf nicht zu groß werden. Anschließend möchte ich mit einem Klick auf den Knoten die Liste der Publikationen auf der rechten Seite aufrufen können. Dabei soll der aktuell ausgewählte Knoten in der Visualisierung hervorgehoben werden. Ich habe bereits aus diesem Beispiel (https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8) was implementiert. Aber leider komme ich nicht weiter.

Diese ist meine JSON Datei:

const persona = {
    "KayO": {
      firstname: "Kay",
      lastname: "Ohran",
      City: "California",
      skills: "java, python, HTML, json",
    },
    BenBeck: {
      firstname: "Ben",
      lastname: "Beckamm",
      City: "New York",
      skills: "css, ruby, php, training, simulator, java, web, webgl, json",
    };

Das ist mein Code

    const bib = persona;
    console.table(bib);
    const graph = {nodes: [{id: "a"}, {id: "b"}], links: [{source: "a", target: "b"}]};
    const linkColor = d3.scaleLinear().domain([0, 1]).range(["#eee", "#000"]);

    const svg = d3.select("svg");
    const width = +svg.attr("width");
    const height = +svg.attr("height");

    const simulation = d3
      .forceSimulation()
      .force("link", d3.forceLink().id(function (d) { return d.id; }))
      .force("charge", d3.forceManyBody())
      .force("center", d3.forceCenter(width / 2, height / 2));

      //linien -> Kanten
      var link = svg.append("g").attr("class", "links")
      .selectAll("line")
      .data(graph.links).enter().append("line")
      .attr("stroke", "#aaa");

      //kreise -> Knoten
    var node = svg.append("g")
      .attr("class", "nodes")
      .selectAll("circle").data(graph.nodes).enter().append("circle")
      .attr("r", 5).call(d3.drag().on("start", dragstarted).on("drag", dragged).on("end", dragended));

    node.append("title").text(d => d.id);


    simulation.nodes(graph.nodes).on("tick", ticked)
simulation.force("link").links(graph.links);

    function ticked() {
      link
        .attr("x1", d => d.source.x)
        .attr("y1", d => d.source.y)
        .attr("x2", d => d.target.x)
        .attr("y2", d => d.target.y);
      node.attr("cx", d => d.x).attr("cy", d => d.y);
    }

    function dragstarted(event) {
      if (!event.active) simulation.alphaTarget(0.3).restart();
      event.subject.fx = event.subject.x;
      event.subject.fy = event.subject.y;
    }

    function dragged(event) {
      event.subject.fx = event.x;
      event.subject.fy = event.y;
    }

    function dragended(event) {
      if (!event.active) simulation.alphaTarget(0);
      event.subject.fx = null;
      event.subject.fy = null;
    }

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen