记 vue3-particles 无粒子效果的坑

435 阅读1分钟

vue3-particles(别名:particles.vue3)

npm链接

技术框架

vue3+vite+ts

坑点

表现:运行上述链接中的demo,没有粒子效果

原因:没使用下述代码:

//import { loadFull } from "tsparticles";  // 使用过程中报错,故不推荐
import { loadSlim } from "tsparticles-slim"; 

const particlesInit = async engine => {
    //await loadFull(engine);
    await loadSlim(engine); // 重点
};

const particlesLoaded = async container => {
    console.log("Particles container loaded", container);
};

写文章时使用的版本

"tsparticles-slim": "^2.12.0",
"vue3-particles": "^2.12.0"