Cant resolve zlib-sync

When using discordjs/core, I get the following error message

./node_modules/@discordjs/ws/dist/index.mjs:522:36
Module not found: Can't resolve 'zlib-sync'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/@discordjs/core/dist/index.mjs
./src/lib/utils/discord.ts
./src/app/(dashboard)/guild/[guildId]/page.tsx

./node_modules/@discordjs/ws/dist/index.mjs:522:36
Module not found: Can't resolve 'zlib-sync'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/@discordjs/core/dist/index.mjs
./src/lib/utils/discord.ts
./src/app/(dashboard)/guild/[guildId]/page.tsx

Not sure whats going on

26 Replies

chilliheroOP•2y ago

these are the deps i have

    "dependencies": {
        "@discordjs/core": "^0.6.0",
        "@discordjs/rest": "^1.7.1",
        "@sapphire/eslint-config": "^4.4.2",
        "@sapphire/prettier-config": "^1.4.5",
        "@sapphire/ts-config": "^4.0.0",
        "discord-api-types": "^0.37.48",
        "discord-oauth2": "^2.11.0",
        "eslint": "8.44.0",
        "eslint-config-next": "13.4.9",
        "jotai": "^2.2.1",
        "next": "13.4.9",
        "next-auth": "^4.22.1",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "react-icons": "^4.10.1",
        "theme-change": "^2.5.0"
    },

    "dependencies": {
        "@discordjs/core": "^0.6.0",
        "@discordjs/rest": "^1.7.1",
        "@sapphire/eslint-config": "^4.4.2",
        "@sapphire/prettier-config": "^1.4.5",
        "@sapphire/ts-config": "^4.0.0",
        "discord-api-types": "^0.37.48",
        "discord-oauth2": "^2.11.0",
        "eslint": "8.44.0",
        "eslint-config-next": "13.4.9",
        "jotai": "^2.2.1",
        "next": "13.4.9",
        "next-auth": "^4.22.1",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "react-icons": "^4.10.1",
        "theme-change": "^2.5.0"
    },

oke seems like not a really discord related https://bobbyhadz.com/blog/module-not-found-error-cant-resolve-path#module-not-found-cant-resolve-zlib-error More a "trying to use a nodejs function in the frontend" issue. so the following throws the error:

// page.tsx

import { API } from '@discordjs/core';
import { REST } from '@discordjs/rest';

export default async function Guild({ params }: { params: { guildId: string } }) {
    const rest = new REST({ version: '10' }).setToken(process.env.DISCORD_BOT_TOKEN);
    const api = new API(rest);
    const guildInfos = await api.guilds.get(params.guildId);

    return (
        <div>
            My Guild: {params.guildId} <br />
            {JSON.stringify(guildInfos, null, 2)}
        </div>
    );
}

// page.tsx

import { API } from '@discordjs/core';
import { REST } from '@discordjs/rest';

export default async function Guild({ params }: { params: { guildId: string } }) {
    const rest = new REST({ version: '10' }).setToken(process.env.DISCORD_BOT_TOKEN);
    const api = new API(rest);
    const guildInfos = await api.guilds.get(params.guildId);

    return (
        <div>
            My Guild: {params.guildId} <br />
            {JSON.stringify(guildInfos, null, 2)}
        </div>
    );
}

this is a server component, so it is not rendered on the clientside? when it says its a node function, does it need to be in an api route to work?

kyra•2y ago

Use @discordjs/core/http-only

chilliheroOP•2y ago

oh install this package? or import it when importing API from core?

kyra•2y ago

Also, you want to... share rest and api as a singleton somewhere If you create new instances over and over, you won't have ratelimits Import

chilliheroOP•2y ago

yea, ill create a util class for this

kyra•2y ago

It's a subpath You don't need a util class for this You'd be wrapping an util class with an util class

chilliheroOP•2y ago

kyra•2y ago

Use moduleResolution: 'bundler' in your TS config

chilliheroOP•2y ago

what does this do?

kyra•2y ago

Respect the exports from package.json Similar to node16 and nodenext, but more suited for web

chilliheroOP•2y ago

https://github.com/BirthdayyBot/dashboard/blob/b81b815637747d20bb5e4f031d73785c303126f4/tsconfig.json\ this is it currently btw https://github.com/BirthdayyBot/dashboard/blob/9032afd183492cf738d71da011d1724f7efce8e3/package.json and this the package.json, if you find any other things that should get improved

kyra•2y ago

Yeah, exactly what I said, set that

chilliheroOP•2y ago

now the import works but it still runs into the zlib issue

kyra•2y ago

It shouldn't

chilliheroOP•2y ago

https://github.com/BirthdayyBot/dashboard/blob/develop/src/app/(dashboard)/guild/%5BguildId%5D/page.tsx thats the page btw, maybe anything else that could cause this? oh bruh restarting vscode always helps lmfao tysm, ur awesome chilliLove

chilliheroOP•2y ago

what is the difference when deploying on vercel? ~~https://vercel.com/birthdayy/birthdayy-dashboard/5Qxypnw9j6BBTsV5zT3FZG492dWH~~ (nvm you cannot see this) Cause vercel still fails to find the zlib lmao reproducable when using yarn build locally

kyra•2y ago

What if you install dev? 🤔

chilliheroOP•2y ago

okay im just to stupid sometimes, sorry theonly issue now, is that i want to import discord.js in another place to use the permission bitfield

kyra•2y ago

You can use @sapphire/bitfield

chilliheroOP•2y ago

and as far as I understood it imports discord.js ws ah

kyra•2y ago

Hence why @discordjs/core/http-only

chilliheroOP•2y ago

can I create a bitfield from a number there?

kyra•2y ago

Read the docs

chilliheroOP•2y ago

its expecting a Record on it

kyra•2y ago

Docs = README Yeah, just pass PermissionsFlagBits Then reuse it as your PermissionsBitField object

chilliheroOP•2y ago

i don't follow my brain is not functional rn, im sorry haha think imma take a break, this cant be that complicated

Gaming

Programming

Cant resolve zlib-sync