Beim Klicken auf die Schaltfläche „Anmelden“ wird der Fehler 405 angezeigt ⇐ HTML

[Anonymous]

Ich erstelle eine Anmeldeseite für mein Chocolate Shop Personal-Projekt, versuche aber, sie mit Firebase zum Laufen zu bringen, mit dem ich sie verbunden habe. Allerdings sollte ich entweder die Meldung „Fehler bei der Anmeldung“ oder „Anmeldung erfolgreich“ erhalten, aber es kommt immer wieder der Fehler „405 ERR_HTTP_RESPONSE_CODE_FAILURE 405 (Methode nicht zulässig) zurück.
Ich habe versucht, die Fensterposition in Zeile 94 zu ändern

Code: Select all

window.location.href = 'index.html';

Hier sollte der Benutzer zu dieser Seite weitergeleitet werden, sobald er sich über die Datei firebaseAuth.js auf dieser Seite angemeldet hat.
Ich habe unten meinen HTML- und JS-Code bereitgestellt:

HTML-Datei (index.html):

Code: Select all

Simon's Chocolate Shop









[url=index.html]
[img]images/SimonsChocolateShopLogo.png[/img]
[/url]

[url=index.html]Home[/url]
[url=chocolates.html]Chocolates[/url]
[url=prices.html]Prices[/url]
[url=contact.html]Contact us[/url]
[url=about.html]About us[/url]
[url=login.html]Login[/url]
[url=signup.html]Sign Up[/url]
[url=javascript:void(0);]☰[/url]


Login


Email:


Password:


Login



©  Simon's Chocolate Shop 2022

JS-Code (firebaseAuth.js):

Code: Select all

  // Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-app.js";
import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-auth.js";
import { getFirestore, setDoc, doc } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-firestore.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyDJ7D03Tdvirt8XE7t244MOV-swdJg7meQ",
authDomain: "simons-chocolate-shop.firebaseapp.com",
projectId: "simons-chocolate-shop",
storageBucket: "simons-chocolate-shop.firebasestorage.app",
messagingSenderId: "481372238801",
appId: "1:481372238801:web:c6700486161321acdfe6f0"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

function showMessage(message, divId) {
var messageDiv = document.getElementById(divId);

messageDiv.style.display = "block";
messageDiv.innerHTML = message;
messageDiv.style.opacity = 1;

setTimeout(function() {
messageDiv.style.opacity = 0;
}, 5000);
}

// Functionality for the sign-up button
const signUp = document.getElementById("submitSignUp");
signUp.addEventListener("click", (event) => {
event.preventDefault();

const email = document.getElementById("registerEmail").value;
const password = document.getElementById("registerPassword").value;
const firstName = document.getElementById("firstName").value;
const lastName = document.getElementById("lastName").value;

const auth = getAuth();
const db = getFirestore();

createUserWithEmailAndPassword(auth, email, password).then((userCredential) => {
const user = userCredential.user;
const userData = {
firstName: firstName,
lastName: lastName,
email: email,
password: password
};

showMessage("Account created successfully", "registerMessage");

const userRef = doc(db, "users", user.uid);

setDoc(userRef, userData).then(() => {
window.location.href = "index.html";
})
.catch((error) => {
console.error("Error writing document: ", error);
});
})
.catch((error) => {
const errorCode = error.code;

if (errorCode === 'auth/email-already-in-use') {
showMessage("Email already in use! Please try another email.", "registerMessage");
}
else {
showMessage(`Error creating account: ${error.message}`, "registerMessage");
}
})
});

// Functionality for the login button
const signIn = document.getElementById('submitSignIn');
signIn.addEventListener('click', (event) => {
event.preventDefault();

const email = document.getElementById('email').value;
const password = document.getElementById('password').value;
const auth = getAuth();

signInWithEmailAndPassword(auth, email, password).then((userCredential) => {
showMessage('You have logged in', 'signInMessage');

const user = userCredential.user;

localStorage.setItem('loggedInUserId', user.uid);

window.location.href = 'index.html';
})
.catch((error) =>  {
const errorCode = error.code;

if (errorCode === 'auth/invalid-credential') {
showMessage("Invalid email or password", "signInMessage");
}
else {
showMessage(`That account doesn't exist`, "signInMessage");
}
})
});

Ich habe auch Fehler-Screenshots bereitgestellt.
Benutzer klickt auf die Anmeldeschaltfläche:



Fehlermeldung 405 zurückgegeben:


Hat jemand eine Lösung, um das Problem zu beheben?