Почему тег SVG делает другие элементы невидимыми при загрузке HTML-страницы? ⇐ Jquery

[Anonymous]

Я работаю над шаблоном, состоящим из чистого HTML, JavaScript (с использованием библиотек jQuery и Slick) и CSS. Примечание. Я не использую какие-либо общие платформы, кроме Bootstrap.

Это часть элемента , которая вводит нежелательное поведение при загрузке DOM.

Код: Выделить всё

Precedente


Avanti

В DevTools я получаю эту «Неперехваченную синтаксическую ошибку»:

Код: Выделить всё

Uncaught SyntaxError: Failed to execute 'appendChild' on 'Node': Unexpected end of input
at b (jquery-3.6.0.min.js:45:12)
at He (jquery-3.6.0.min.js:2453:19)
at S.fn.init.append (jquery-3.6.0.min.js:2523:16)
at Object.success (preloader.js:43:35)
at c (jquery-3.6.0.min.js:1475:46)
at Object.fireWith [as resolveWith] (jquery-3.6.0.min.js:1521:88)
at l (jquery-3.6.0.min.js:3995:19)
at XMLHttpRequest. (jquery-3.6.0.min.js:4120:23)

Если я нажму на ошибку, связанную с виртуальной машиной, в DevTools, я получу:

Код: Выделить всё

//   = 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
}
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname + '/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) {
if (msg.data == 'reload') window.location.reload();
else if (msg // if I hover over this msg, I get: "Uncaught SyntaxError: Failed to execute 'appendChild' on 'Node': Unexpected end of input"

Помимо вышеуказанной ошибки, другие элементы моего HTML-файла отсутствовали (или невидились) после загрузки страницы (вероятно, это связано с DOM). Однако элементы были видимыми:



Интересно, что если я удалю теги , остальные элементы станут видимый. Обратите внимание, что невидимые элементы не видны ни в DevTools, ни в области просмотра браузера. Наконец, приложение работает на сервере развертывания, а не на моем локальном компьютере, что критически важно для отладки в реальном времени и исправления внешнего вида. Я использую расширение Live Server в VS Code для запуска и тестирования моего шаблона.

Есть ли способ предотвратить это при локальной разработке?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -is-loaded