Bootstrap Modal: Uncaught TypeError: не могу прочитать свойства неопределенных (чтение «фона») modal.js: 158 ⇐ Php

[Anonymous]

Я новичок в начальной загрузке. Я пытаюсь написать основную страницу CRUD с пользовательской системой, используя PHP, MySQL и Bootstrap. На странице CRUD есть кнопка для добавления нового продукта и таблицы для отображения всех деталей продукта, созданных этим пользователем. Как только я нажимаю на него, модал должен появиться и попросить подробности, чтобы войти. Я обнаружил, что если у пользователя уже есть продукты, хранящиеся в базе данных, модал будет работать так же, как и ожидалось. Однако, если пользователь еще не разместил ни одного продукта, нажмите кнопку, не откроет модальную, но вызовет эту ошибку: < /p>
Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop') modal.js:158
at Ni._initializeBackDrop (modal.js:158:39)
at new Ni (modal.js:69:27)
at Ni.getOrCreateInstance (base-component.js:65:41)
at HTMLButtonElement. (modal.js:363:22)
at HTMLDocument.n (event-handler.js:118:19)
< /code>
Я искал и попробовал несколько решений, но ни один из них не решает меня. Например, включите JS Bootstrap's до конца, удалите пункт о состоянии, если модаль находится внутри этого, версия Bootstrap, ... Я действительно ценю ее, если кто -то может помочь или дать некоторый намек на возможные причины или как найти причину. // Private
_initializeBackDrop() {
return new Backdrop({
isVisible: Boolean(this._config.backdrop), // 'static' option will be translated to true, and booleans will keep their value,
isAnimated: this._isAnimated()
})
}
< /code>
мой код для запуска Modal: < /p>

Add a new product

< /code>
modal: < /p>
aria-labelledby="staticBackdropLabel" aria-hidden="true">



Add a new product





Product Name


Sale Price




Close
Add Product





< /code>
manageproduct.php:
if (isset($_POST['addProduct'])) {
try {
$sql = "insert into sells (name, username, price)
values (:name, :username, :price)";
$stmt = $pdo->prepare($sql);
$stmt->execute(array(
':name' => $_POST['name'],
':username' => $user,
':price' => $_POST['price']);
$_SESSION['success'] = 'Product added successfully!';
}
catch(PDOException $e){
$_SESSION['error'] = 'Failed to add your product!';
}
}
< /code>
my bootstrap версия: < /p>





Подробнее здесь: https://stackoverflow.com/questions/767 ... ned-readin