Error: Cannot find module '../lightningcss.win32-x64-msvc.node'

[babakfp]

Hi 👋

This error only happens when I compile my Deno project to a .exe file. In development, everything works fine. I don't know what is the deal with lightningcss.win32-x64-msvc.node.

import {
    serveDir,
    serveFile,
} from "https://deno.land/[email protected]/http/file_server.ts"
import { operation } from "../utilities/operation.ts"
import { join } from "std/path/join.ts"

const PORT = 8000

const handler = async (request: Request) => {
    const REQUEST_URL = new URL(request.url)

    if (request.method === "GET") {
        if (REQUEST_URL.pathname === "/index.css") {
            // TODO: /src/static
            return serveFile(request, join(Deno.cwd(), "/src/static/index.css"))
        }

        if (REQUEST_URL.pathname === "/") {
            return new Response(
                Deno.readTextFileSync(
                    join(Deno.cwd(), "/src/pages/index.html")
                ),
                {
                    status: 200,
                    headers: {
                        "content-type": "text/html",
                    },
                }
            )
        }
    }

    if (request.method === "POST") {
        if (REQUEST_URL.pathname === "/") {
            const FORM_DATA = await request.formData()

            try {
                await operation({
                    "font-family": (FORM_DATA.get("font-family") ??
                        "") as string,
                    "css-content": (FORM_DATA.get("custom-css") ??
                        "") as string,
                    "restore-backup": FORM_DATA.has(
                        "restore-backup"
                    ) as boolean,
                })

                return new Response(null, {
                    status: 301,
                    headers: { Location: "/" },
                })
            } catch (error: unknown) {
                if (!(error instanceof Error)) throw error
                return new Response(error.message)
            }
        }
    }

    const body = `Your user-agent is:\n\n${
        request.headers.get("user-agent") ?? "Unknown"
    }`

    return new Response(body, { status: 200 })
}

Deno.serve({ port: PORT }, handler)

console.log("✅ The HTTP server is running.")
console.log(`👉 http://localhost:${PORT}`)

transform({
                filename: CSS_BACKUP_PATH,
                code: ENCODER.encode(CSS_CONTENT),
                visitor: {
                    Rule(RULE) {
                        if (RULE.type !== "style") return
                        if (RULE.value.selectors[0].length > 1) return
                        if (RULE.value.selectors[0][0].type !== "class") return
                        if (RULE.value.selectors[0][0].name !== "windows")
                            return

                        if (
                            RULE.value.declarations.declarations[0].property !==
                            "font-family"
                        )
                            return

                        RULE.value.declarations.declarations[0].value = args[
                            "font-family"
                        ]!.split(",").map((FONT) => FONT.trim())

                        return RULE
                    },
                },
            }).code

denoland/deno#23255

[devongovett]

I've never used deno but the missing binary is supposed to be installed from the npm registry. Probably an issue in deno with compiling/installing native deps.

[cayquesilva]

Same with Expo / react-native

[yogapratama12428]

how to fix it, in expo

[rutikwankhade]

solved after install Microsoft redistributable package.
https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170

check this issue for reference check this issue expo/expo#31775