Частица. js не работает при вызове с использованием бэкэнда, ошибка windows не определена - PullRequest
Новая
       23

Частица. js не работает при вызове с использованием бэкэнда, ошибка windows не определена

0 голосов
/ 18 марта 2020

Я получаю сообщение об ошибке windows не определено. Я пытаюсь загрузить частицы. js из бэкэнда, поскольку я собираюсь использовать его для создания системы входа в систему. Если есть лучший способ создать систему входа в систему без необходимости go решить эту проблему, я бы очень хотел знать!

Также, если бы кто-нибудь мог помочь мне сделать это более отзывчивым, это было бы очень полезно!

Спасибо!

Вот код моей бэкэнд-системы: 

var express = require('express');
var bodyParser = require('body-parser');
var particleJS = require("particles.js")
var app = express();

const mysql = require('mysql');

const mySqlConnection = mysql.createConnection({
    host: "localhost",
    user: "root",
    password: "",
    database: "backen",
});

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
    extended: true
}));


particlesJS.load('particles-js', 'assets/particles.json', function() {
    console.log('callback - particles.js config loaded');
  });


app.get('/', (req, res) => {
    res.sendFile(__dirname + '/Register.html');
})

HTML КОД 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <!-- <link rel="stylesheet" href="reg.css"> -->
    <style>
    body{
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 16px;
  }
  .vectus{
    color:white;
    font-family:'Trade Winds';
    /* font-weight:bold; */
    display:inline-block;
    position:fixed;
    font-size: 3em;
    margin:10px;
  }
#particles-js{
      background-image:url('https://images.hdqwalls.com/wallpapers/skriver-in-cyberpunk-2077-oz.jpg');
      background-size: cover;
      height: 100vh;
      display: flex;
      justify-content: center;
      z-index: -1;
  }
</style>  
    <link href="https://fonts.googleapis.com/css?family=Trade+Winds&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Oxanium&display=swap" rel="stylesheet">

</head>
<body>
    <div class="vectus">VECTUS '20</div>
       <div id="particles-js"> </div>   
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>


</body>
</html>

ЗДЕСЬ СООБЩЕНИЕ ОБ ОШИБКЕ: 

window.requestAnimFrame = (function(){
^

ReferenceError: window is not defined
    at Object.<anonymous> (C:\Users\admin\Documents\Particles Webpage\node_modules\particles.js\particles.js:1429:1)
    at Module._compile (internal/modules/cjs/loader.js:1157:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1177:10)
    at Module.load (internal/modules/cjs/loader.js:1001:32)
    at Function.Module._load (internal/modules/cjs/loader.js:900:14)
    at Module.require (internal/modules/cjs/loader.js:1043:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (C:\Users\admin\Documents\Particles Webpage\backend.js:3:18)
    at Module._compile (internal/modules/cjs/loader.js:1157:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1177:10)
...