无法读取未定义的属性(读取“循环”)

Question

我使用的是react粒子-js，我刚刚导入了添加到HTML中的标记。

然而，它是直接显示了反应粒子js的particle.js文件中的错误。

particles.js:1 Uncaught :无法读取对象上未定义的属性(读取‘循环’)。(particles.js:1:enter code here1) at r (particles.js:1:1) at Object。( particles.js:1:1 ) at r (particles.js:1:1) at Object.f (particles.js:1:1) at r (particles.js:1:1) at particles.js:1:1 at particles.js:1:1 at Object.options.factory (反应刷新:6:1)在webpack_require (引导:24:1)

​

import "./scss/App.scss";
import ParticleBackground from "./components/ParticleBackground";
function App() {
  return (
    <div>
      <ParticleBackground />
      <CenterTitle />
    </div>
  );
}

function CenterTitle() {
  return (
    <div id="text_div center_all">
      <div className="center_all">
        <h1 className="custom-subTitle">Particle JS Integration</h1>
      </div>
    </div>
  );
}

export default App;

​

​

import React from "react";
import Particles from "react-particles-js";
import ParticleConfig from "./particle-config";

export default function ParticleBackground() {
  return <Particles params={ParticleConfig}></Particles>;
}

​

Answer 1

这是不起作用的，因为react-particles-js库被弃用于react-tsparticles。您需要安装react tsparticles并根据其配置进行导入。

导入to的命令- npm install tsparticles

您可以访问- 反应粒子

Answer 2

首先，卸载反应粒子-js与npm卸载反应粒子-js.然后安装npm，安装ts颗粒物，然后将它导入到您的App.js文件中，从“react”导入粒子；用右键单击“检查”打开控制台，然后在下面的元素中找到它。