[英]particles.js and window is not defined
当我使用node app.js
启动我的应用程序时,我收到以下错误:
/home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429
window.requestAnimFrame = (function(){
^
ReferenceError: window is not defined
at Object.<anonymous> (/home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429:1)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/home/ubuntu/workspace/nodeapp/app.js:5:19)
at Module._compile (module.js:570:32)
我正在尝试使用particles.js作为我的背景,我用npm安装了这个包。 这是我的 app.js 的样子:
var express = require("express")
var app = express()
var request = require("request")
var PythonShell = require('python-shell');
var particlesJS = require("particles.js")
app.set("view engine", "ejs")
app.engine('html', require('ejs').renderFile);
app.use(express.static("public"));
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('callback - particles.js config loaded');
});
app.get("/", function(req, res){
res.render("main")
})
app.listen(process.env.PORT, process.env.IP, function(){
console.log("Movie App has started!!!");
})
并且我将particles.json 存储在assets 文件夹中。 html 看起来像这样:
<html>
<head>
<div id="particles-js"></div>
<script src="particles.js"></script>
<title>MYMDB</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/app.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
</body>
</html>
如果您查看particles.js
文件,您会看到它正在尝试访问window 全局变量。
window 对象是一个浏览器 API 调用,您无法在服务器端代码中访问它。
因此,只需将您的require("particles.js")
代码移动到您可以访问 window 对象的地方,就足够了。 (请注意,我没有将它分配给particlesJS variable
因为在particles.js
文件中没有进行导出。只是将一些函数分配给window对象就完成了。)
所以等待窗口对象被加载:
window.onload = function() {
require("particles.js");
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('callback - particles.js config loaded');
});
};
这是因为window
是一个浏览器对象,看起来您正在尝试在服务器端加载particle.js,在 node.js 中。
尝试将您的particlesJS.load
调用移动到浏览器中。
从他们的 npm 页面:
在 window.onload 事件上初始化插件。
window.onload = function() {
Particles.init({
selector: '.background'
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.