"TypeError: Cannot read properties of undefined (reading 'call')" when trying to route split about preact-cli HOT 7 CLOSED

I cannot reproduce from the provided repo. It seemingly builds just fine? As far as I can see you don't even use the one route? Please double check that reproduction.

I should point out that your app breaks hooks; you cannot call hooks conditionally, in React or Preact. This is one of their intrinsic rules. Things like this will break your app:

if (typeof window !== 'undefined') {
    mobile = useMediaQuery('(max-width: 520px)');
}

from preact-cli.

I am very sorry @rschristian I sent you wrong index.js file, I fixed it and removed all conditional hook calls even for translation to further simplify testing, but every thing works fine when not route importing, and in both cases no errors are produced during dev or build, it happens when I upload the static build to the host (hostinger), I will include two links for both cases .

route_splitting_issue.zip

Route import ( produces issue ): https://dev8.bdoonwasyt.com/
Normal import ( works fine ): https://dev9.bdoonwasyt.com/

thanks in advance!

from preact-cli.

Have you tested using the serve command locally? That will spin up a server to test the output of the build command.

There's nothing I can do to help you with that deployed site. I need source code.

from preact-cli.

Have you tested using the serve command locally? That will spin up a server to test the output of the build command.

There's nothing I can do to help you with that deployed site. I need source code.

serve logs the same error
route_splitting_issue.zip

from preact-cli.

You still have conditional hooks:

// routes/login/index.js

if (typeof window !== "undefined") {
    form = useForm({
      ...
    });
}

This fundamentally isn't allowed in React or Preact and it will completely break hooks in your app. You can read more here.

Your provided app does not build out-of-the-box, it's seemingly missing dependencies, and iss all of that i18n stuff needed? Those dependencies cause a dead-lock on the build process, something's not configured right.

from preact-cli.

I should also mention that you probably should look to use Vite, not Preact-CLI, for your Preact apps. We haven't been able to maintain this as much as we'd like and Webpack hasn't kept up well.

We have a Vite initializer which you can use by running npm init preact, it'll give you a few options before setting up your new project.

from preact-cli.

Closing, hopefully its been addressed.

from preact-cli.