Question

我在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>

我的style.css

#particles-js{
background-color: red;
height: 100vh;
}

我的particles.js文件

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

My particles.json

{
"particles": {
"number": {
"value": 80,
}
}

在此之前，我首先尝试在Ruby on rails应用程序上完成这项工作，但是遇到了类似的错误。我还是javascript的新手，所以它可能很简单。

这里是jsfiddle：https://jsfiddle.net/nj3attvb/

Answer 1

首先更正您的脚本src属性：

<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>

然后尝试将particle.js文件包装到：

window.onload = function() {
  // all your particles.js code here
}

在基本网页上使用type.js的未捕获的ReferenceError

1 个答案: