wie fix ich diese fehler?

Fehler:Access to fetch at 'file:///C:/Users/justin/Documents/dev/music/app/desktop/windows/bin/songs_en.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.Fehler nachvollziehenAI
index.html:557 
     
     
    GET file:///C:/Users/justin/Documents/dev/music/app/desktop/windows/bin/songs_en.json net::ERR_FAILED
loadSongs @ index.html:557
MusicPlayer @ index.html:549
(anonym) @ index.html:692Fehler nachvollziehenAI
index.html:561 Error loading songs: TypeError: Failed to fetch
  at MusicPlayer.loadSongs (index.html:557:36)
  at new MusicPlayer (index.html:549:14)
  at index.html:692:16

Der quellcode ist zulang. hier ist der link zu pastebin, werde es löschen nach dem meine frage beantwortet wurde.
https://pastebin.com/2jiMawCv
vielen dank im voraus!

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

raphaelbud

25.11.2024, 05:12

Der Fehler liegt daran, dass file:///-Zugriffe von CORS blockiert werden. Starte einen lokalen Server, z. B. mit python -m http.server. Passe den Pfad an, um die Datei über http://localhost/... zu laden. So sollte es funktionieren.

Justin18362819

Beitragsersteller

25.11.2024, 05:32

sorry habs heraus gefunden danke für deine hilfe

Justin18362819

Beitragsersteller

25.11.2024, 05:18

hab ich, passiert trotzdem...

Hier der code denn ich verwende:
https://pastebin.com/hyMgC4Vq

EchoTech

25.11.2024, 08:41

@Justin18362819

man kann den Code nicht mehr sehen.

EchoTech

25.11.2024, 08:41

@Justin18362819

stell ihm mal bitte nochmal rein

slaxxer

25.11.2024, 22:26

@EchoTech

CORS ist so dein feind wenn du externale dateien embedden willst, musst halt im backend cors freigeben

Ähnliche Beiträge

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.

...zum Beitrag

Warum kommt da dieser Fehler?

Hi, ich habe bereits eine Frage zu dem Thema gestellt, und möchte bei dieser hier nur mehr ins Detail gehen. Ich bin gerade dabei ein Discord Login auf einer Seite zu implementieren. Dabei kommt aber die ganze Zeit ein Fehler und ich weiß nicht, wie ich diesen beheben kann... Die Konsole sagt, dass dieser Fehler in Zeile 49 ist, und in dieser Zeile befindet sich folgendes:

fetch('https://discord.com/api/oauth2/token', {
        method: "POST", body: data_1
    })
        .then(response => response.json())
        .then(data => { // Make a request to the Discord API with the form data, convert the response to JSON, then take it and run the following code.
            axios.get("https://discord.com/api/users/@me", make_config(data.access_token)).then(response => { // Make a request yet again to the Discord API with the token from previously.
                res.status(200).send(response.data.username); // Send the username with a status code 200.
            }).catch(err => { // Handle any errors in the request (such as 401 errors).
                console.log(err); // Log the error in the console
                res.sendStatus(500); // Send a 500 error.
            });
        });

Fehleranzeige in der Konsole:

TypeError: fetch is not a function
    at C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\oauth.js:49:5
    at Layer.handle [as handle_request] (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\layer.js:95:5)
    at next (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\layer.js:95:5)
    at C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\index.js:281:22
    at Function.process_params (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\index.js:335:12)
    at next (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\express\lib\router\index.js:275:10)
    at C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\body-parser\lib\read.js:130:5
    at invokeCallback (C:\Users\Dominik\Documents\Development\Websites\Norvex\ucp.norvex.eu\node_modules\raw-body\index.js:224:16)

Wie man aus dem Fehler erkennen kann, bemengelt die Konsole, dass "fetch" keine Funktion ist. Ich habe aber den Syntax von fetch gegoogelt und es nochmal überprüft aber keinen Fehler gefunden. Vielleicht sieht einer von euch einen Fehler im Code.

Ganzer Code:

https://jsfiddle.net/Atrapfare/zLedj3pf/

Danke für jede Antwort!

...zum Beitrag

fehlermeldung was machen?

Hallo ihr lieben ich habe mich an meinem Verschlüssler veruscht doch jetzt kommt immer das wenn ich eine datei verschlüsseln will. Kann mir wer helfen?

Traceback (most recent call last):

File "C:\Users\huber\Documents\dev\verschlüssler\verschluessler.py", line 54, in <module>

verschluessler.start()

File "C:\Users\huber\Documents\dev\verschlüssler\verschluessler.py", line 42, in start

self.dateiVerschluesseln(gehaster_schluessel, dateipfad)

File "C:\Users\huber\Documents\dev\verschlüssler\verschluessler.py", line 17, in dateiVerschluesseln

fernet = Fernet(schluessel)

^^^^^^^^^^^^^^^^^^

File "C:\Users\huber\AppData\Local\Programs\Python\Python312\Lib\site-packages\cryptography\fernet.py", line 40, in __init__

raise ValueError(

ValueError: Fernet key must be 32 url-safe base64-encoded bytes.

...zum Beitrag

Schnell Geld mit Html und Css?

Hallo ich habe gute Html und css kenntnisse ich muss schnell an geld kommen was würdet ihr mir empfehlen ich rede nicht von tausenden euros sondern ein bisschen

...zum Beitrag

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zum Beitrag

Fehler in Visual Studio Code?

Hallo,

ich habe versucht dieses Video nachzuarbeiten: https://www.youtube.com/watch?v=N1_7ahk_oms

Nun bin ich schon bei ich glaube ca. min 18 angelangt, jedoch nachdem ich meine % Angaben hinter das # geschrieben habe und dann per node index.js generieren möchte,

erscheint dieser Fehler:

(node:6776) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, scandir 'C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update/layers/Eyeball/'

at Object.readdirSync (fs.js:1047:3)

at getElements (C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update\src\main.js:56:6)

at C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update\src\main.js:73:15

at Array.map (<anonymous>)

at layersSetup (C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update\src\main.js:70:30)

at startCreating (C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update\src\main.js:188:20)

at Object.<anonymous> (C:\Users\justu\Documents\NFT Kroko\hashlips_art_engine-1.0.2_update\hashlips_art_engine-1.0.2_update\index.js:6:3)

at Module._compile (internal/modules/cjs/loader.js:1085:14)

at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)

(Use `node --trace-warnings ...` to show where the warning was created)

(node:6776) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)

(node:6776) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not

Hoffentlich könnt ihr mir helfen :)

...zum Beitrag

Welche Programmiersprache soll ich lernen?

Ich möchte entweder C# oder Javascript lernen.

C# programmieren finde ich persönlich viel interessanter als Javascript aber ich weiß, dass mir Javascript mehr bringen würde, wenn ich mich da vertiefe.

Was soll ich also lernen?

...zum Beitrag

Wird HTMX JavaScript nutzlos machen?

...zum Beitrag

Wann kann man JavaScript gut?

Also, ich kann von APIs Daten abrufen. Voice Recorder, Wetter Webseite etc.

Slideshows kann ich auch programmieren. Ist auch einfach. Node.js kann ich nicht und json habe ich noch nicht ganz verstanden.

HTML und CSS beherrsche ich richtig gut.

Wann würdet ihr sagen, dass man gut JavaScript Code schreiben kann?

...zum Beitrag

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zum Beitrag

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zum Beitrag

Auf der Stelle scrollen in HTML?

Hallo,

wie kann man in HTML scrollen, allerdings nicht nach unten gehen, sondern nur z. B. eine Farbe ändern? Wie bei Apple.

...zum Beitrag

wie kann man in JavaScript eine Funktion erstellen, die eine zufällige Zahl generiert?

Hi Leute!

Wie kann ich ich JavaScript eine Funktion erstellen, die jede Zahl zufällig von 1 bis 16 auswählt, jedoch darf keine mehrmals vorkommen.

Vielen dank im voraus🙂

...zum Beitrag

HTML/JS Icon Link lädt zu lange?

Hey,

ich lade meine Icons über diesen Link:

<script src="https://kit.fontawesome.com/03a9efeaa3.js" crossorigin="anonymous"></script>

Dieser Link ist im head. Mein anderer script-Tag ist im body und lautet so:

<script type="module" src="./JS/main.js"></script>

Nun habe ich das Problem, dass wenn ich meine Seite neu lade, es lange lädt und dann abstürzt.

Die Konsolenausgabe sieht so aus:

Was kann ich tun?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen