Как я могу удалить случайную черную вспышку, которую я получаю при загрузке страниц в мопс? ⇐ Html

[Anonymous]

Я испытываю трудности с устранением неполадок, что вызывает эти черные вспышки до загрузки страницы. Это происходит только один в каждые несколько раз, когда я загружаю страницу. Я попытался изменить цвет фона моего HTML и элементов тела, чтобы увидеть, появился ли новый цвет, но всегда показывает черный. Любой способ выяснить, что вызывает это?doctype html
html
head
block head
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")

title Save Melee | #{ title }
link(rel="stylesheet", href="/css/style.css")
link(rel="shortcut icon", type="/image/webp", href="/img/savelogo.png")
link(
href="https://fonts.googleapis.com/css?family ... 0,300i,700",
rel="stylesheet"
)

body
include icons

//Header
include _header

//Content
block content

//Footer
include _footer

.mobile__page
h2.mobile__message Mobile view under construction
.loader

script(src="/js/bundle.js", type="module")
script(src="https://cdnjs.cloudflare.com/ajax/libs/ ... ios.min.js")
script(
src="https://cdnjs.cloudflare.com/ajax/libs/ ... ill.min.js"
)
< /code>
app.js
(...imports...)
app.set("view engine", "pug");
app.set("views", path.join(__dirname, "views"));
app.use(express.static(path.join(__dirname, "public")));

if (process.env.NODE_ENV === "production") {
app.use((req, res, next) => {
if (req.header("x-forwarded-proto") !== "https")
res.redirect(`https://${req.header("host")}${req.url}`);
else next();
});
}
//Set security HTTP headers
app.use(
helmet({
contentSecurityPolicy: {
directives: {
defaultSrc: ["'self'", "data:", "blob:", "https:", "ws:"],
baseUri: ["'self'"],
fontSrc: ["'self'", "https:", "data:"],
scriptSrc: ["'self'", "https:", "http:", "blob:", "'unsafe-inline'"],
frameSrc: ["'self'"],
objectSrc: ["'none'"],
styleSrc: ["'self'", "https:", "'unsafe-inline'"],
workerSrc: ["'self'", "data:", "blob:"],
childSrc: ["'self'", "blob:"],
imgSrc: ["'self'", "data:", "blob:"],
formAction: ["'self'", "https://formspree.io"],
connectSrc: [
"'self'",
"'unsafe-inline'",
"data:",
"blob:",
"https://formspree.io",
],
upgradeInsecureRequests: [],
},
},
})
);

// Limit requests from same IP
const limiter = rateLimit({
max: 1000,
windowMs: 60 * 60 * 1000,
message: "Too many requests from this IP, please try again in an hour",
});
app.use("/api", limiter);

// Body parser, reading data from body into req.body
app.use(express.json({ limit: "50kb" }));
app.use(cookieParser());

// Data sanitization against NoSQL query injection
app.use(mongoSanitize());

// Data sanitization against XSS
app.use(xss());
app.use(compression());

//ROUTES
app.use("/", viewRouter);
app.use("/api/v1/users", userRouter);
app.use("/api/v1/reviews", reviewRouter);
app.use("/api/v1/savestates", savestateRouter);

app.all("*", (req, res, next) => {
next(new AppError(`Can't find ${req.originalUrl} on this server!`, 404));
});

app.use(globalErrorHandler);
module.exports = app;


Подробнее здесь: https://stackoverflow.com/questions/796 ... ges-in-pug