Add optimizeDeps exclusion note for vite config #2877
Conversation
The current instructions for building one's first app using Vue + Vite does not work, and results in a `net::ERR_ABORTED 504 (Outdated Optimize Dep)` error. Based on the discussion in ionic-team/pwa-elements#109 — and confirmed by my own testing — excluding the `pwa-elements` loader from Vite's dependency optimization fixes the issue in development. It seems there may be lingering issues in production builds even with this fix based on that same open issue, but at the very least, this removes a current blocker in the documentation for users creating their first Ionic app.
|
@mvanderlinde is attempting to deploy a commit to the Ionic Team on Vercel. A member of the Team first needs to authorize it. |
|
The lingering production problems are that vite doesn't include any of the pwa-elements libraries in the final build. |
|
Hello @mvanderlinde thanks for this suggested docs change. Reviewing the active discussion on ionic-team/pwa-elements#109, I do not believe this is the best way to resolve this issue. It may suffice as a workaround to avoid the error, but it does not have the same behavior that the developer expects. The Ionic team should prioritize resolving the issue in PWA elements that is causing this exception to occur. |
The current instructions for building one's first app using Vue + Vite does not work, and results in a
net::ERR_ABORTED 504 (Outdated Optimize Dep)error.Based on the discussion in ionic-team/pwa-elements#109 — and confirmed by my own testing — excluding the
pwa-elementsloader from Vite's dependency optimization fixes the issue in development.It seems there may be lingering issues in production builds even with this fix based on that same open issue, but at the very least, this removes a current blocker in the documentation for users creating their first Ionic app.