extended-salmon

Router not building on mac

Hey guys, I'm developping an electron app, mainly on Windows. Now I'm travelling, and just cloned the repo on my macbook, and I get some errors when building, and I have no clue why it does trigger those errors, since I don't have it on my vscode, and it works on my windows. Errors on the image, here is my routeTree.gen.ts: https://pastebin.com/mjWxY7gT Any idea what is going on ?

Pastebin

/* eslint-disable */// @ts-nocheck// noinspection JSUnusedGlobalSym...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

21 Replies

afraid-scarlet•2mo ago

can you provide your package.json please ? + have you tried deleting the routreTree.gen.ts file an rebuild to regenerate it ?

extended-salmonOP•2mo ago

Here is my package.json: https://pastebin.com/4mGZxnXb

Pastebin

{ "main": "dist/browser/index.js", "type": "module", "lice...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

afraid-scarlet•2mo ago

and as the error says, do you export properly ? show renderer/routes.index.tsx and renderer/routes/example.$id.tsx

extended-salmonOP•2mo ago

Yep, it just works without issue on my windows, and a friend just cloned it on his windows and has no problem too

afraid-scarlet•2mo ago

you have to address this too

extended-salmonOP•2mo ago

Okay but same, why isn't there this error on windows ? Maybe it is related to node version ?

afraid-scarlet•2mo ago

yes this is what im thinking about this, or the workspace ts version did you also try deleting node_modules, and pnpm i --frozen-lockfile ?

extended-salmonOP•2mo ago

If it was related to workspace ts, it shouldn't works on windows no ? Not with the --frozen-lockfile but yeah i deleted all my node_modules

afraid-scarlet•2mo ago

it depends, maybe it's not a mac problem, maybe it's your specific computer's problem have you tried on another mac ?

extended-salmonOP•2mo ago

Can't :/ Okay so my windows is on node 22.19 and my mac 23.7.0 I'll try with 22.19 Hmm same problem... Here is my renderer/routes/example.$id.tsx:

import { createFileRoute } from "@tanstack/react-router";
import { exampleWithVariablesQuery } from "@queries/exemple";
import { useSuspenseQuery } from "@tanstack/react-query";

export const Route = createFileRoute("/example/$id")({
    component: RouteComponent,
    loader: ({ params, context: { queryClient } }) =>
        queryClient.ensureQueryData(exampleWithVariablesQuery(params.id)),
});

function RouteComponent() {
    const id = Route.useParams().id;
    const { data } = useSuspenseQuery(exampleWithVariablesQuery(id));

    return (
        <div>
            <p>This is a query with variables !</p>
            <div>
                <p>ID: {id}</p>
                <p>Data: {data}</p>
            </div>
        </div>
    );
}

import { createFileRoute } from "@tanstack/react-router";
import { exampleWithVariablesQuery } from "@queries/exemple";
import { useSuspenseQuery } from "@tanstack/react-query";

export const Route = createFileRoute("/example/$id")({
    component: RouteComponent,
    loader: ({ params, context: { queryClient } }) =>
        queryClient.ensureQueryData(exampleWithVariablesQuery(params.id)),
});

function RouteComponent() {
    const id = Route.useParams().id;
    const { data } = useSuspenseQuery(exampleWithVariablesQuery(id));

    return (
        <div>
            <p>This is a query with variables !</p>
            <div>
                <p>ID: {id}</p>
                <p>Data: {data}</p>
            </div>
        </div>
    );
}

It's really basic routes for test purpose

afraid-scarlet•2mo ago

oh yeah the errors make no sense :DEAD: why does it say it's not exported

extended-salmonOP•2mo ago

See ? I'm lost here ^^ that just doesn't make sense to throw me typescript errors, when those errors just not exist 😭

afraid-scarlet•2mo ago

im not even sure this is an issue with tanstack can you add this line in your .vscode/settings.json

  "typescript.tsdk": "node_modules/typescript/lib",

  "typescript.tsdk": "node_modules/typescript/lib",

i dont think this will solve anything, but at this point i think we're desperate

extended-salmonOP•2mo ago

Well I'm using overwolf-electron It might be conflicting with macOs I'll test it out

afraid-scarlet•2mo ago

im not familiar with that

extended-salmonOP•2mo ago

That's basicly a fork of electron that adds interaction with overwolf api's (it's a game overlay and integration system basiclly) But it should be relatively close from electron

afraid-scarlet•2mo ago

i see; i went to the docs, and does mention that the target is windows even if you're deving on mac maybe this really is just that simple (i legit dont know why those are ducking TS errors though :DEAD: )

extended-salmonOP•2mo ago

Not working yep Yeah that's so strange that is throws those errors. I was expecting something closer to OS issues ^^ I guess i'll just not build on mac then !

afraid-scarlet•2mo ago

sorry i couldnt help :/

extended-salmonOP•2mo ago

No problem, you did help me to figure out that tanstack wasn't the issue 🙂

Gaming

Programming

Router not building on mac

Did you find this page helpful?