我在 chrome http://localhost:8000/上运行下面的代码,并在控制台中收到以下错误:
.js:1 Uncaught ReferenceError: particlesJS is not defined at particles.js:1
我所有的文件都在同一个文件夹中。
我的 index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="particles-js"></div>
<script
scr="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"> .
</script>
<script src="particles.js" defer='defer'></script>
</body>
</html>
我的风格.css
#particles-js{
background-color: red;
height: 100vh;
}
我的particle.js 文件
particlesJS.load('particles-js', 'particles.json', function() {
console.log('callback - particles.js config loaded');
});
我的粒子.json
{
"particles": {
"number": {
"value": 80,
}
}
在此之前,我首先尝试在 Ruby on rails 应用程序上完成这项工作,但遇到了类似的错误。我还是 javascript 的新手,所以它可能很简单。
这是在 jsfiddle:https ://jsfiddle.net/nj3attvb/