Navigation using Link component not working after building | Qwik | Page 1

last marten Jan 12, 2024, 11:31 AM

#

Links work fine during development but break after building the project.

I get an error message complaining about a map function not existing on an array.

#

Refers to this chunk:

last marten Jan 12, 2024, 11:47 AM

#

I am not doing anything fancy, just wrapping the Link component to add some conditional tailwind styles in a component, all I add are css classes.

#

Replacing <Link> with <a> for now

last marten Jan 12, 2024, 12:05 PM

#

export const ExtLink = component$<Props>(({ href, cssClass, target, type = 'simple', title }) => {
  const linkType = {
    info: 'link link-info link-hover',
    warning: 'link link-warning link-hover',
    error: 'link link-error link-hover',
    success: 'link link-success link-hover',
    primary: 'link link-primary link-hover',
    secondary: 'link link-secondary link-hover',
    accent: 'link link-accent link-hover',
    neutral: 'link link-neutral link-hover',
    simple: 'link link-hover',
    element: 'w-full h-full flex items-center justify-center link-hover',
  };

  return (
    <Link href={href} target={target} title={title} class={`${linkType[type]} ${cssClass}`}>
      <Slot />
    </Link>
  );
});

last marten Jan 12, 2024, 7:49 PM

#

This seems to be an error coming from code which is part of vite 5. I will try to investigate further.

last marten Jan 12, 2024, 11:11 PM

#

somehow connected to compiled-i18n and vite. https://github.com/wmertens/compiled-i18n/issues/1#issuecomment-1890121384

GitHub

Production build has error · Issue #1 · wmertens/compiled-i18n

Hi, There is an error "QWIK ERROR TypeError: n.map is not a function" at production build when click any button , the "n" value is e "VITE_PRELOAD" as shown in below :...

#

I added a patch in the mentioned issue that resolves it at the root (vite), from what I can tell.

bold pumice Apr 10, 2024, 9:39 AM

#

@last marten this is still a thing right? I was wondering if you fixed it woithout patching it. Should we as the vite guys to take a look?

last marten Apr 10, 2024, 10:14 AM

#

bold pumice <@697015604145553429> this is still a thing right? I was wondering if you fixed ...

This "magically" resolved itself. I am not sure what the actual issue was .. Honestly, I changed a lot and fixed a lot of issues in my code since I had this problem that it is safe to assume that it went away a) because I fixed stupid bugs, b) compiled-18n got smarter, c) some newer vite 5 version fixed it, d) i had invalid/problematic keys in my translations

bold pumice Apr 10, 2024, 10:28 AM

#

Oh my, I updated vite and qwik and deleted all build files and it’s gone as well. Thanks for the qwik answer 🙌

last marten Apr 10, 2024, 11:12 AM

#

Yeah, sometimes time itself solves the issue, lol

bold pumice Apr 10, 2024, 2:46 PM

#

Time solves all the problems 😄
If someone dies all the problems are gone or delegated to someone else 😄

#Navigation using Link component not working after building