Ich verstehe diese andere schreibweise nicht was bedeuted es und wie lerne ich es um zu schreiben?

import fs from "node:fs/promises";

anstelle von

const { fs } = require('fs/promises');

jetzt hab ich nur folgendes problem wie importiere ich folgendes:

var MongoClient = require('mongodb').MongoClient;

mein erster gedanke war

import MongoClient from "('mongodb').MongoClient";

das ist aber falsch verstehe es irgendwie nicht. Wäre nett wenn mir das jemand erklären könnte. Danke im voraus :D

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, Programmieren & Softwareentwicklung, Software & Apps

17.10.2022, 11:06

Das eine ist die ESM-Schreibweise (import), das andere ist das ältere CommonJS (require).

CommonJS sehe ich heute nur noch selten, zu bevorzugen wäre also ESM, das mit dem import-Statement. Jedenfalls musst du dich in deinem Projekt für eine der beiden Methoden unterscheiden.

Den MongoClient würde man dann so importieren:

import { MongoClient } from "mongodb";

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

dnpdnp2

17.10.2022, 10:33

Bin jetzt kein JS Profi, aber meine das schreibt man so.

import { MongoClient} from "mongodb";

xMatheisenx

Beitragsersteller

17.10.2022, 10:46

lol danke dir

Ähnliche Beiträge

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>

...zum Beitrag

Wieso wird diese Webseite in React ohne Header und Footer gerendert?

Zur Aufgabe: Man soll drei Komponenten haben: Header, Main und Footer. Diese drei Komponenten müssen dann in die MainView und die MainView in die App.

Wenn ich die Webseite lade, ist zwar alles gut soweit, aber wenn ich über die Navigation auf Kontaktseite z.B. klicke, werden weder Footer noch Header angezeigt. Kann mir jemand bitte helfen?

import React from 'react';
import { Link } from 'react-router-dom';
import '../App.css';

const Header = () => (
  <header>
    <div id="logo">
      <Link to="/startseite">
        <img src="/img/Chicolio_Logo_trs_thumbnail.png" alt="Logo" />
      </Link>
    </div>
    <h1>Startseite</h1>
    <nav>
      <Link id="homepage" to="/startseite">Startseite</Link>
      <span>|</span> {/* Vertikaler Strich als visuelle Trennung */}
      <Link id="contactpage" to="/kontakt">Kontakt</Link>
      <span>|</span>
      <Link id="impressum" to="/impressum">Impressum</Link>
      <Link id="shoppingcart" to="/warenkorb">Warenkorb</Link>
    </nav>
  </header>
);

export default Header;

import React from 'react';
import '../App.css';

const Footer = () => (
  <footer className= "footer">
    <div>
      <p>&copy; Unsere Namen - 2024</p>
    </div>
  </footer>
);

export default Footer;

import React from 'react';
import Startseite from './Startseite';

const Main = () => {
  return (
    <div>
      <Startseite />
    </div>
  );
};

export default Main;

import React from 'react';
import Header from './Components/Header';
import Footer from './Components/Footer';
import Main from './Components/Main';
import './App.css';

const MainView = () => {
  return (
    <div>
      <Header />
      <Main />
      <Footer />
    </div>
  );
};

export default MainView;

import React from 'react';
import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';
import MainView from './MainView';
import Warenkorb from './Components/Warenkorb';
import Impressum from './Components/Impressum';
import Produkt from './Components/Produkt';
import Startseite from './Components/Startseite';
import Kontakt from './Components/Kontakt';
import './App.css';

// Wurzel-Appkomponente
function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<MainView />} />
        <Route path="/warenkorb" element={<Warenkorb />} />
        <Route path="/impressum" element={<Impressum />} />
        <Route path="/produkt/:id" element={<Produkt />} />
        <Route path="/startseite" element={<Startseite />} />
        <Route path="/kontakt" element={<Kontakt />} />
      </Routes>
    </Router>
  );
}

export default App;

Das ist, wenn man nach dem Browsen in der Navigation auf Startseite klickt.

Und das wird direkt beim Öffnen angezeigt:

...zum Beitrag

Wieso leere Klammern und Autostart von Javascript-Skript?

Hallo,

Ich habe folgendes Skript:

const prompt = require("prompt-sync")();

const value = prompt("Enter something:");

Meine Frage ist:

Warum funktioniert das Skript überhaupt. Es wurden nur zwei Konstanten festgelegt und trotzdem wird der Prompt ausgeführt. Liegt das an der leeren Klammer irgendwie in der 1.Z und wie soll man sie verstehen?

Danke im Voraus!

...zum Beitrag

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.

...zum Beitrag

Discord bot hosten + progammieren?

Hallo zusammen,

wie hostet ihr eure Discord bots gratis? (Ich kann in nicht auf meinen eigenen Geräten hosten) und welche Sprache nutzt ihr um in zu programmieren?

...zum Beitrag

React Js Props State unterschied?

Was Props sind weiss ich aber State will ich nicht so ganz verstehen.

Die Dokumentation von React ist sowieso komisch.
Habe gehört das es ähnlichkeiten hat.

Props würde ich so benutzen in der index.js

import App from irgendwas…
<App name="Max"/>
Und in der App.js
const App = (props)=>{
<h1> {name.props} </h1>} 
export default …

kann man das gleiche jetzt auch mit state machen oder wie kann ich mir das vorstelle. ?

...zum Beitrag

Wie kann ich den Fehler beheben?

const http = require('http');
const fs = require('fs');
const mysql = require("mysql2");

var db  = mysql.createConnection({
    host : "localhost",
    user : "root",
    password : "passwort",
    database : "test-datenbank"
});


db.connect(function (error){
    if (error) throw error;
    console.log("Connected!")
    var sql = "INSERT INTO benutzer (username) VALUES ('Beispiel')";
    db.query(sql, function (error,result){
        if(error) throw error;
        console.log("1 record inserted");
    });
    sql="SELECT * FROM benutzer"
    
    db.query(sql,function(error,result){
        if (error) throw error;
        console.log(result);

    });
});

const server = http.createServer((req,res) => {
    const url = req.url;
    const method = req.method;
    

    if ( url === "/"){
    res.setHeader("key","value");
    res.setHeader("Content-Type","text/html");
    res.write('</html><body>');
    res.write('<h1>Main</h1>');
    res.write('<h1><form action="/register" method="post"> <input type="text" name="Username"><br><button type="submit">Click</button></form></h1>');
    res.write("</body></html>");
    res.end()
    return;
    }

    if (url === "/register"){
         
        const reqBody = []
         req.on('data', (chunk)=>{
            console.log(chunk);
            reqBody.push(chunk);
     });
        
     req.on('end', () => {
        console.log(reqBody);
        const parsed = Buffer.concat(reqBody).toString();
        console.log(parsed);
        const user = parsed.split('=')[1];
        console.log(user)
        
        // funktioniert nicht 
        sql = 'INSERT INTO benutzer (username) VALUES ?, user;
        db.query(sql,function(error,result){
            if (error) throw error;
            console.log(result);
        });



});
        
        
        res.setHeader("key","value");
        res.setHeader("Content-Type","text/html");
        res.write('</html>');
        res.write('<body><h1>Registriert</h1></body>');
        res.write("</html>");
        res.end()
        return;

    }
    
}) 



server.listen(1337);

Der Fehler lautet wie folgt:

code: 'ER_PARSE_ERROR',

errno: 1064,

sqlState: '42000',

sqlMessage: "You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1",

sql: 'INSERT INTO benutzer (username) VALUES',

fatal: true

...zum Beitrag

Python **kwargs für Vererbung bei Klassen?

Liebe Community,

ich verstehe nicht ganz wozu man dieses **kwargs in diesem Code braucht. Das ist eine Kivy App in Python. Aber das ist eigentlich unwichtig.

Also meine Frage ist, wozu man das **kwargs bei der Vererbung braucht. (Gerne auch mit Bezug auf den aktuellen Code)

Eine ausführliche und genaue Erklärung wäre echt super, weil ich an diesem Problem schon seit Tagen verzweifel.

 from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button
from kivy.uix.image import Image
from kivy.core.window import Window
import random


class HangmanGame(BoxLayout):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.word_list = ["python", "java", "ruby", "javascript", "php"]
        self.guess_word = []
        self.secret_word = ""
        self.remaining_guesses = 6
        self.img_path = "img/hangman_{}.png"
        self.create_game_layout()
        self.new_game()

“““. . .(Leider konnte ich nicht den ganzen Code einfügen. Wegen dem Zeichenlimit. Aber die wichtigen Stellen sind drin. Sprich die __init__() Methode mit dem **kwargs, welches ich nicht verstehe und die Instanziierung des Objektes)“““

HangmanApp().run()

...zum Beitrag

Discord?

Ich will Color roles machen, damit Leute sich selbst für eine Farbe entscheiden können. Dennoch wird es nur als Role im Profil angezeigt und der Name an sich bleibt weiß. Hab eigentlich davor Mimu benutz, aber da hieß es, reaction roles gehen mit dem bot so nicht. Hab dann einen anderen bot versucht und auch da, konnte man zwar reagieren mit den ausgewählten Emojis, dennoch bleibt der Name weiß.

Will eigentlich weiterhin dafür mimu benutzen, allein weil es schon besser aussieht. Dennoch fehlen die reactions und ich weiß nicht welche ich von wem und welchen bot ich benutzen muss, damit der Name farblich änderbar ist.

Bots die ich probiert habe:

-Mimu

-carl

-disco

-YAGPDB

…hatte aber mit alle denen Probleme oder es hat einfach nicht funktioniert, wie schon oben erwähnt. Jemand meinte noch der bot,,mee6” sollte einfach sein, aber sieht halt nicht gut aus.

...zum Beitrag

Discord bot dashboard?

Hallo, Leute!

Ich habe einen Discord bot programmiert und möchte nun mit einem Dashboard weiter machen.

Nun stelle ich mir die Frage, mit welcher Programmiersprache programmieren soll.

Ich nutze mongoose für die Datenbank und habe mein bot mit node.js programmiert.

Bitte antwortet mit der Umfrage den Stresslevel/Schwierigkeitsgrad.

Danke an jede(n) Antwort(er)!

...zum Beitrag

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zum Beitrag

JavaScript "window is not defined"?

Ich möchte dieses Beispiel hier in meine Next.js (React) App übernehmen:

https://codesandbox.io/s/knhlr?file=/src/index.tsx:0-691

Dazu mein Next.js (React) Code, der eine weiße Seite wiedergibt und in der console schreibt: "window is not defined"

"use client";

import ReactGlobe from "react-globe";

import markers from "./markers";
import markerRenderer from "./markerRenderer";

const options = {
    markerRenderer,
};

export default function App() {
    return (
        <div className="App">
            <ReactGlobe
                height="100vh"
                globeTexture="https://raw.githubusercontent.com/chrisrzhou/react-globe/main/textures/globe_dark.jpg"
                markers={markers}
                width="100vw"
                options={options}
            />
        </div>
    );
}

...zum Beitrag

Discordbot mach nicht, was er soll?

Halli hallo, ich bin gerade dabei, einen erstmal einfachen Discordbot mit JavaScript zu programmieren und wenn ich das Skript mit node.js starte, funktioniert es auch immer, der Bot kommt online und es wird Ready ausgegeben, allerdings reagiert er nicht auf meine Nachrichten, wie er soll. Er macht einfach garnichts. Das hier ist das Skript, was jemand, was ich tun muss, damit es klappt?:

const {Client, GatewayIntentBits }= require('discord.js');
const bot = new Client(
    {
        intents: [
            GatewayIntentBits.GuildMessages
        ]
    }
);

const TOKEN = '<mein-Token>';

bot.on('messageCreate', function(message){
    console.log("message");
    if (message.author.bot){
        return;
    }
    else if(message.content.includes("Hello")){
        message.reply('Hello, how are you?');
    }
});

bot.on('ready', function(){
    console.log("Ready");
})

bot.login(TOKEN);

...zum Beitrag

Discord.js: "Invalid Form Body"-Fehler?

Hi, ich habe ein Problem mit Discord.js und dem ButtonBuilder.

Der Fehler (unter dieser Fehlermeldung kommt noch eine Meldung mit JSON, falls man das in eine Webseite reinpacken will oder so):

DiscordAPIError[50035]: Invalid Form Body
components[0][UNION_TYPE_CHOICES]: Value of field "type" must be one of (1,).

Der JavaScript Code (unten, das habe ich nicht noch kopiert, habe ich den Bot noch mit dem Token aktiviert):

import { Client, GatewayIntentBits, Partials,  ButtonStyle, ButtonBuilder } from "discord.js"

const client = new Client({ intents: [
  GatewayIntentBits.Guilds,
  GatewayIntentBits.GuildMessages,
  GatewayIntentBits.DirectMessages,
  GatewayIntentBits.GuildMembers
]})
const btn = new ButtonBuilder({
  custom_id: "Hi",
  style: ButtonStyle.Primary,
  label: "Moinsen"
})
client.on("messageCreate", async (message) => {
  if (message.author.bot == false) {
    message.reply({ content: "Hello", components: [btn] })
  }
})

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen