Require is not defined Java Script PHP?

Quellcode:

<!doctype html>
<title>Beispiel</title>


<?php $erg = file_get_contents('test.txt'); ?>
    <script>
   const {readFileSync, promises: fsPromises} = require('fs');


filename = "test.txt"


result = readFileSync(filename, 'utf-8');
console.log(result);
</script>

Warum kommt im Browser immer Uncaught ReferenceError: require is not defined

1 Antwort

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, Programmieren & Softwareentwicklung, Software & Apps

16.01.2023, 12:35

require ist Teil von NodeJS und läuft somit auch nicht einfach so im Browser. Zudem hast du mit einem Browser keinen direkten Zugriff aufs Dateisystem. Wenn du etwas lesen willst, muss der Nutzer die Datei erst via Filepicker auswählen.

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

Lenzer66u

Fragesteller

16.01.2023, 12:38

also was kann ich da jetzt tun? Am besten ohne Filepicker

Maej9eid

16.01.2023, 12:42

@Lenzer66u

Nodejs oder eine andere Backendsprache nutzen

Ich weiß das es so nicht funktionieren kann aber wie geht es denn richtig???

Was mache ich falsch? Der Error ist :

Uncaught ReferenceError: require is not defined at Test.html:12:28

Mein Code

<!DOCTYPE html>
    <html >
        <head>
        <title>Test</title>
        </head>
            <body>


            </body>

            <script>
                const fs = require("fs");
                fs.readFile("test.txt", (err, data) => {
                if (err) throw err;

                console.log(data.toString());
                });
            </script>
    </html>

...zur Frage

Braucht man SSH um Node JS apps zu Deployen?

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

pixelmatch in browser nutzen?

Wenn ich den link auf der github seite verwende:

Code:

<script src="https://bundle.run/pixelmatch"></script>

wird keine datei gefunden, der pfad existiert nicht

wenn ich das letzte release runterlade und einbinde

Code:

<script src="myserver/js/pixelmatch/bin/pixelmatch"></script>

erhalte ich folgende fehlermedlung

Code:

const PNG = require('pngjs').PNG;
ReferenceError: require is not defined

...zur Frage

Wie kann ich in Javascript eine externe JSON File auslesen und verändern?

Hallo, allerseits.

Ich taste mich gerade an HTML heran und will dazu aus einer JSON Datei informationen auslesen. Ich habe einiges im Internet gefunden, aber das ließe sich nur mit Node.JS machen, was bei mir nicht möglich ist (zumindest weiß ich nicht wie). Weiß jemand vielleicht eine Antwort? Bei Node.JS kann man ja einfach

var json = require('example.json');

schreiben und dann

console.log(json);

. aber das funktioniert wie gesagt nur mit Node.JS und nicht in Chrome, der gibt mir dann folgende Fehlermeldung:

Uncaught ReferenceError: require is not defined

Vielen Dank schon mal im vorraus!!!

...zur Frage

PHP router auf subdomain?

Hallo.

Ich habe folgendes Problem, dass mein Router auf meiner Subdomain (All-Inkl) nicht funktioniert. Er funktioniert Localhost und auch auf der Domain. (Fehler Code kommt keiner - außer ich bin auf einer Unterseite zB /skills und der Server sagt: Not Found)

The requested URL was not found on this server.

Danke im voraus.

<?php
//URL abfragen
$url = $_SERVER['REQUEST_URI'];

//Datei zu URL finden
$pages = match ($url) {
    '' => 'home.php',
    '/' => 'home.php',
    'kontakt' => 'kontakt.php',
    'uebermich' => 'uebermich.php',
    'skills' => 'skills.php',
    'projekte' => 'projekte.php',
    'gesendet' => 'gesendet.php',
    default => 'home.php'
};

//Datei einfügen
require 'pages/' . $pages;

...zur Frage

Discord.js Error bei meinem Bot?

Hallöchen, könnte mir jemand bei diesem Error helfen?

ticketSchema.findOne({ ChannelID: channel.id }, async (err, data) => {

ReferenceError: channel is not defined

Ich verstehe das ich die Variable "channel" definieren muss, jedoch weiß ich nicht genau wie.

Danke im Voraus für die Antwort.

...zur Frage

PHP Hintergrundfarbe von String ändern?

Ich möchte die Hintergrundfarbe aller Zeilen die "ist bereits installiert" beinhalten gelb färben. Wie mache ich das?

<?php
    //Datei einlesen in Variable
    $Log = file_get_contents('test.txt');

    //Split nach jedem Zeilenumbruch
    $SplitLog = preg_split('/\r\n|\r|\n/', $Log);

    $i = 0;
    do 
    { 
        if (strpos($SplitLog[$i], "ist bereits installiert")) 
        {
            print $SplitLog[$i];
            print("</br>");
            //Die hintergrundfarbe der zeile $SplitLog[$i] zu Gelb machen!  
        }
        $i++;
    } while ($i <= count($SplitLog)-1);
?>

...zur Frage

Arduino Daten an HTML-Seite?

Ich habe gerade ein Projekt, indem ich versuche Daten vom Arduino auf eine HTML-Seite zu übertragen. Dabei benutze ich node.js.

Jedoch bin ich noch relativ neu in dem Thema und kenne mich nicht so gut mit Servern und node aus.

Im Moment erhalte ich ständig die Fehlermeldung: Server is not a consructor (const io = new Server('COM3'))

Quelltext aus app.js:

var http = require("http");
var fs = require("fs");
var index = fs.readFileSync("index.html");


var SerialPort = require("serialport");
const parsers = SerialPort.parsers;


const parser = new parsers.Readline({
  delimiter: "\r\n",
});


var port = new SerialPort("COM3", {
  baudRate: 9600,
  dataBits: 8,
  parity: "none",
  stopBits: 1,
  flowControl: false,
});


port.pipe(parser);


var app = http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end(index);
});


const Server = require('socket.io');
const io = new Server('COM3');


io.on("connection", function (socket) {
  console.log("Node is listening to port");
});


parser.on("data", function (data) {
  console.log("Received data from port: " + data);
  io.emit("data", data);
});

app.listen(3000);

Quelltext aus index.html:

<!doctype html>
<html>
    <head>
        <title>Test</title>


        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>


    </head>
    <body>


        <h1> Communicating between an arduino and a html website</h1>


        <div id='sample'></div>


        <script>
            
            var socket = io();
            socket.on('data',function(data){
                console.log(data);
                document.getElementById('sample').innerHTML = data;
            });
            
        </script>
        
    </body>
</html>

...zur Frage

PHP Fehler?

Guten Abend, ich habe ein kleines Problem mit meinem PHP Code.

Error:

Warning: Array to string conversion in C:\Users\ali20\Documents\Video Platform\Player\index.php on line 6

Warning: Undefined property: stdClass::$Array in C:\Users\ali20\Documents\Video Platform\Player\index.php on line 6

Warning: Trying to access array offset on value of type null in C:\Users\ali20\Documents\Video Platform\Player\index.php on line 6

Warning: Attempt to read property "name" on null in C:\Users\ali20\Documents\Video Platform\Player\index.php on line 6
Error 723#1

index.php:

<?php
$data = file_get_contents("../SystemData.json");
$data = json_decode($data);
if(isset($_GET['title'])){
  if(!empty($_GET['title'])){
    $checkTitle = $data->$_GET['title']->name;
    if(isset($checkTitle)){
      $title = $_GET['title'];
    }else{
      echo "Error 723#1";
      exit;
    }
  }else{
    echo "Error 723#2";
    exit;
  }
}else{
  echo "Error 723#3";
  exit;
}
?>

SystemData.json:

{
    "7293746918450916": {
        "name": "Ein Film Name",
        "poster": "x",
        "source": "film.mp4"
    }
}

Aufgerufene URL:

http://localhost:3000/Player/index.php?title=7293746918450916

...zur Frage

Daten senden mit fetch?

Hallo,

ich will mit der Fetch API Daten senden und abrufen. Aber wen ich dies tue, kommt ein Fehler:

POST http://127.0.0.1:5500/api net::ERR_ABORTED 405 (Method Not Allowed)

Ich weiß gar nicht, wie ich diesen Fehler beheben soll. Ich habe dazu auch nichts hilfreiches bis jetzt gefunden.

Mein Ziel ist es, Daten mit Javascript an einen Server (für den Anfang an localhost) zu senden und diese dann von einem weiteren localhost-Server abrufen.

Das ist meine Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section id="control-center">
        <button id="get-btn">Get Data</button>
        <button id="post-btn" onclick="test()">Post Data</button>
        <script>
            function test(){
                const data = {"name": "somename"}
                const options = {
                    method: "POST",
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify(data)
                }
                fetch('/api', options)
            }
        </script>
    </section>
</body>
</html>

Und das ist meine app.js:

const express = require('express')
const app = express()
app.listen(3000, () => console.log('3000'))
app.use(express.static('public'))

app.post('/api', (req, res) => {
    console.log(req)
})

Wenn jemand eine bessere Methode hat, Daten an einen Server zu senden, dann würde ich diese auch mal gerne probieren.

...zur Frage

Einfacher Taschenrechner JS?

Hallo :)

Ich soll einen einfachen Taschenrechner mit Eingabefeldern erstellen, so dass er am Ende wie im Bild aussieht, ich weiß nur nicht, wie ich den <script> Teil schreiben muss, sodass er auch tatsächlich funktioniert, kann mir da jemand weiterhelfen?

Hier noch mein bisheriger Code:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Praktikum Webanwendungen 1</title>
    <style>
      input,
      button {
        margin: 10px;
      }
    </style>
    <script>
     
    </script>
  </head>
  <body>
    <h1>Taschenrechner</h1>
    <label for="number1">Zahl1:</label>
    <input id="number1" type="number">


    <label for="number2">Zahl2:</label>
    <input id="number2" type="number">


    <div>
      <button onclick="add()">+</button>
      <button onclick="subtract()">-</button>
      <button onclick="multiply()">x</button>
      <button onclick="divide()">/</button>
    </div>


    <label for="result">Ergebnis:</label>
    <input id="result" type="number">
  </body>
</html>

...zur Frage

Cross Origin Anfrage blockiert?

Ich möchte gerade eine REST-API für mein Heimnetzwerk einrichten um über z.B. einen button einen CMD befehl auf dem Server PC auszuführen.

Mein Pythonscript für die API:

from flask import Flask, request, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/execute-command', methods=['POST'])
def execute_command():
  # Hier wird der Code zum Ausführen des Befehls eingefügt
  result = "Befehl wurde ausgeführt."
  return jsonify({"response": result})

if __name__ == '__main__':
  app.run(host='0.0.0.0', port=5000)

Mein HTML Script<!DOCTYPE html>
<html>
<head>
  <title>API Test</title>
</head>
<body>
  <button id="executeBtn">Befehl ausführen</button>
<script>
  document.getElementById('executeBtn').addEventListener('click', function() {
    fetch('http://localhost:5000/execute-command', { // Verwende absolute URL
      method: 'POST',
    })
    .then(response => response.json())
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error('Fehler:', error);
    });
  });
</script>
</body>
</html>

Ich bekomme als Fehler von Firefox in der Konsole:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://localhost:5000/execute-command. (Grund: CORS-Anfrage schlug fehl). Statuscode: (null).

Fehler: TypeError: NetworkError when attempting to fetch resource

Entschuldigung wenn es offensichtlich ist, bin da noch sehr frisch und habe keine Lösung gefunden.

...zur Frage

Electron Datei Öffnen und Inhalt in Script übergeben?

Ich möchte in meinem Electron Programm im Menü die Möglichkeit bieten eine Datei zu öffnen. Die Datei enthält JSON. Ich möchte den Inhalt dann in meinem Script weiterverarbeiten um ihn anzuzeigen. Das ist mein Code bis jetzt:

main.js

const { app, BrowserWindow, Menu } = require('electron');
const { mainMenu } = require('./menu');
const path = require('path');


const createWindow = () => {
    const mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            preload: path.join(__dirname, 'preload.js'),
        },
    });


    Menu.setApplicationMenu(mainMenu);


    mainWindow.loadFile(path.join(__dirname, "src/index.html"));
};


app.whenReady().then(() => {
    createWindow();


    app.on('activate', () => {
        if (BrowserWindow.getAllWindows().length === 0) {
            createWindow();
        }
    });
});


app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

menu.js

const { app, Menu, dialog } = require('electron');
const fs = require('fs');


const template = [
    {
        label: 'Datei',
        submenu: [
            {
                label: 'Öffnen',
                accelerator: 'CmdOrCtrl+O',
                click: async () => {
                    const files = await dialog.showOpenDialog({
                        properties: ['openFile'],
                        filters: [
                            { name: 'Json', extensions: ['json'] },
                            { name: 'Alle Dateien', extensions: ['*'] }
                        ]
                    });


                    if (!files || files.canceled || files.filePaths.length === 0) return


                    const file = files.filePaths[0];
                    const fileContent = fs.readFileSync(file, 'utf-8');
                    console.log(fileContent);
                }
            }
        ]
    }
]


module.exports.mainMenu = Menu.buildFromTemplate(template);

index.html (src/index.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Seite</h1>
    <script>
        console.log(data);
    </script>
</body>
</html>

Wie kann ich das umsetzten? Ich habe schon von IPC gelesen, es aber nicht wirklich verstanden.

...zur Frage

Javascript "ReferenceError: Hex is not defined"?

Hallo,

ich will einen Byte-Hex-String generieren. Dazu habe ich folgenden Code:

function random_string()
{
    return Hex.encodeHexString(SecureRandom.getInstanceStrong().nextBytes(new byte[16]))
}

Aber es kommt der Fehler "ReferenceError: Hex is not defined"

Warum geht das nicht??

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen