未定义的文档＆＃x27;画布/不和谐

Question

我正在尝试将动画横幅放到Discord Server上，但是我有一些问题。我不知道为什么未定义文档。我尝试了很多方法，但它们都没有起作用。

try {
        let guild = await client.guilds.cache.get(guildId.id);

        const voiceChannels = guild.channels.cache.filter((c) => c.type === "GUILD_VOICE");
        let count = 0;
        for (const [, voiceChannel] of voiceChannels) count += voiceChannel.members.size;
        var canvas = createCanvas(420, 236);
        var ctx = canvas.getContext('2d');
        ctx.textAlign = "center"
        ctx.font = "20px Kanit Black"
        ctx.fillStyle = '000001'
        const encoder = new GIFEncoder(420, 236, {emptyColor: true, dynamicColors: true})
            encoder.setRepeat(0);
            encoder.setQuality(10)
        await gifFrames({ url: `${__dirname}/banner-beta.gif`, frames: 'all', outputType: 'canvas', cumulative: false}).then((frameData) => {
            for(let i = 0; i < frameData.length; i++) {
                encoder.setDelay(frameData[i].frameInfo.delay * 15);
                console.log(frameData[0])
                console.log(frameData[i])
                ctx.drawImage((frameData[i]).getImage(), 0, 0, 420, 236)
                ctx.fillText(`${count}`, 50, 90)
                console.log(ctx)
                encoder.addFrame(ctx);
            }
            encoder.finish();
            console.log(encoder.out.getData())
            var attachment = new MessageAttachment(encoder.out.getData(), 'banner.gif');
            guild.channels.cache.get("909860310171648050").send({ files: [attachment] }).catch(console.log);

        })
        //guild.setBanner(canvas.toBuffer()).catch(console.error);
    } catch (e) {
        console.log(e)
    }

错误：

ReferenceError: document is not defined
    at savePixels (C:\Users\hotab\Desktop\Root\node_modules\save-pixels-jpeg-js-upgrade\save-pixels.js:127:20)
    at Object.getImage (C:\Users\hotab\Desktop\Root\node_modules\gif-frames\gif-frames.js:105:20)
    at C:\Users\hotab\Desktop\Root\utils\banner.js:31:34

Answer 1

tl; dr：

您的代码在nodejs中运行，其中没有文档对象，因为它在后端服务器上没有意义。因此，使用文档会导致异常。

您正在使用节点模块gif-frames的更多详细信息

，该取决于另一个节点模块，称为save-pixels-jpeg-js-upgrade，它试图访问>文档仅存在于浏览器上下文中的对象（请参阅代码在这里）。

gif-frames的文档表明它可以在节点和浏览器上下文中运行是不正确的，或者对某些API有一些限制，您在这里遇到的API。基于节点模块代码，它似乎仅限于Canvas Case，但我无法进一步帮助您...