winterx / color4bg.js

Cool colorful backgrounds, generated by JS
569 stars 38 forks source link

The requested module '/src/assets/bg/colorbg.js' does not provide an export named 'Bg' #2

Open imluyu opened 3 months ago

imluyu commented 3 months ago

在官网导出JS文件名为,colorbg.js,并且在引用时报错:The requested module '/src/assets/bg/colorbg.js' does not provide an export named 'Bg';

我的使用方法: import {Bg} from '@/assets/bg/colorbg.js';

imluyu commented 3 months ago

解决方案:从github下载build文件夹引入使用,下面是在react中的使用方法

import {AestheticFluidBg} from '@/assets/bg/jsm/AestheticFluidBg.module.js';
import {useEffect} from "react";

const Banner = () => {
    useEffect(() => {
        // 确保DOM元素已挂载
        const box = document.getElementById('box');
        if (box) {
            new AestheticFluidBg({
                dom: "box",
                colors: ["#001657","#002688","#0135A7","#0F40C5","#3E66F0","#001657"],
                loop: true
            });
        }
    }, []);