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

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

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

WEBSTORM erkennt .send Funktion nicht?

Bei folgendem Code sind die Methoden .send und .awaitReaction unterstrichen.

"Unresolved function or method send()"

Ich habe discord.js und so schon installiert. Muss man da sonst noch etwas importieren, damit .send usw. funktionieren?

const { Client, MessageEmbed, Intents } = require('discord.js');
const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });

const TOKEN = 'Mein Token';
const channelId = 'ChannelID'; // Die ID des Textkanals, in dem die Nachrichten erstellt werden sollen

const userGroup = []; // Die Liste der Benutzer, die aufgelistet werden sollen
const options = ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5']; // Die Auswahlmöglichkeiten

let currentIndex = 0; // Aktueller Index der Benutzergruppe

client.on('ready', () => {
    console.log(`Eingeloggt als ${client.user.tag}`);
});

client.on('messageCreate', async (message) => {
    console.log("P - Start des Event-Handlers");
    if (message.author.bot) return;

    if (message.content.startsWith('!start')) {
        console.log("P - !start erkannt");
        if (currentIndex < userGroup.length) {
            const user = await client.users.fetch(userGroup[currentIndex]);

            // Erstelle eine Nachricht mit den Auswahlmöglichkeiten
            const embed = new MessageEmbed() // Hier MessageEmbed verwenden
                .setTitle('Wähle eine Option:')
                .setDescription(options.join('\n'));
            const sentMessage = message.guild.channels.cache.get(channelId);
            await sentMessage.send(embed);
            console.log("P - Nachricht gesendet");
            // Füge Reaktionen hinzu
            for (let i = 0; i < options.length; i++) {
                await sentMessage.react(String(i + 1) + '\u20E3'); // Emoji-Reaktionen (1️⃣, 2️⃣, usw.)
            }

            // Warte auf eine Reaktion des aktuellen Benutzers
            const filter = (reaction, user) => user.id === userGroup[currentIndex];
            const collected = await sentMessage.awaitReactions(filter, { max: 1, time: 60000 }); // 60 Sekunden Zeit zum Reagieren

            if (collected.size === 0) {
                message.guild.channels.cache.get(channelId).send(`${user.tag} hat keine Option ausgewählt.`);
            } else {
                const chosenOption = options[parseInt(collected.first().emoji.name) - 1];

                message.guild.channels.cache.get(channelId).send(`${user.tag} hat "${chosenOption}" ausgewählt.`);
                // Hier kannst du die gewünschte Aktion ausführen, basierend auf der ausgewählten Option
            }

            // Lösche die ursprüngliche Nachricht und die Auswahl-Nachricht
            await message.delete();
            sentMessage.delete();

            currentIndex++; // Zum nächsten Benutzer in der Gruppe wechseln
        } else {
            message.channel.send('Alle Benutzer aus der Gruppe wurden aufgelistet.');
        }
    }
});
console.log('Bot starting');

client.login(TOKEN);

...zum Beitrag

Gibt es eigentlich schon Bots, wo man nicht merkt, das ein Bot mit dir schreibt?

...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

Discord bot problem?

Hallo,

ich bin dabei einen Discord bot zu erstellen mit dem man Musik machen kann.

ich habe 195 Audios gerendert aus denen man seinen Beat mit Hilfe von einfachen commands erstellen kann.

Beispiel command: !make 4A2, 5A2, 1E3, 2E3

die erste Zahl steht für die Tonhöhe, von c4 - c5

1,2,3,4,5,6,7,8,9,10,11,12,13

der Buchstabe steht für das vokal des synths

A,E,I,O,U

die letzte Zahl steht für die Tonlänge Kurz, Mittel, Lang

1,2,3

nun, ich bin kein Programmierer und habe mir überlegt jede Kombination der Audios zu rendern und daraus simpele response Funktionen zu machen

Aber bei 195 Audios bis 16 Stück in einem Track… das sind sehr sehr viele Kombinationen

bitte Hilfe :(

...zum Beitrag

Discord verification?

Moin undzwar musste ich mich in einem dc server mit einem discord verification bot mich verifizieren damit ich andere chanell sehe ich habe einfach auf verify gedrückt habe dann wurde ich zu einer Seite von dem Server Betreiber geschoben automatisch und dort stand dann successful verified und oben stand dann der bot name also wie die seite hieß der hieß wie der bot von der verification im dc so und dann haben wir uns beleidigt ich und der owner meine frage ist was kann da passieren ? Wenn ja was habe keine dc daten eingegeben oder kann der was machen weil ich mich verifiziert habe und auf der seite war

...zum Beitrag

Discord-Bot: Wie kann ich bei Rollenzuweisung automatisch eine Nachricht herausschicken lassen?

Ich habe mit diesem Code:

const { Client, Intents } = require('discord.js');
const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });
const token = 'Bla Bla Bla'; // Ersetze dies durch deinen Bot-Token
const roleIdToMonitor = '1159625793589215232'; // Ersetze dies durch die ID der zu überwachenden Rolle
client.once('ready', () => {
  console.log(`Eingeloggt als ${client.user.tag}`);
});
client.on('guildMemberUpdate', (oldMember, newMember) => {
  const addedRoles = newMember.roles.cache.filter((role) => !oldMember.roles.cache.has(role.id));

  if (addedRoles.has(roleIdToMonitor)) {
    const user = newMember.user;
    user.send('Herzlichen Glückwunsch! Du hast Access bekommen.');
  }
});
client.login(token);

versucht, auf meinem Discord-Bot automatisch jemanden eine Nachricht zu senden, wenn ich ihm eine bestimmte Rolle zuweise. Der Bot ist online, das Skript aktiv, aber es passiert einfach nichts.

...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

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

Was soll ich machen mit node.js und Package.json?

Ist directadmin

...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

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

Was möchtest Du wissen?

Deinen Beitrag erstellen