ionic-team/ionic-framework

bug: Getting error for ion-app_8.entry.js after upgarding angular

ooo2003003v2 opened this issue · 12 comments

ooo2003003v2 commented

Prerequisites

Ionic Framework Version

v6.x

Current Behavior

Hello there,
I'm getting an error for not finding ion-app_8.entry.js after upgarded my project to angular 16.

TypeError: Failed to fetch dynamically imported module: https://localhost/ion-app_8.entry.js undefined

Unhandled Promise rejection: Cannot read properties of undefined (reading 'isProxied') ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read properties of undefined (reading 'isProxied')

Expected Behavior

Run properly

Steps to Reproduce

  1. Update angular porject to 16
  2. Start project

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.1.1

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v16.17.0
npm : 8.15.0
OS : Windows 10

Additional Information

No response

ionitron-bot commented

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

liamdebeasi commented

Thanks for the report. Can you provide a reproduction case? I'm not able to reproduce this on my end.

DavidStrausz commented

This only happens when the developer preview for esbuild based building is enabled in angular.json. Vite/ESBuild is already working for Vue/React because they have been switched to CE build, but Angular still relies on Stencil lazy loading.

  • 👍1
anthonyjuarezsolis commented

this happens when esbuild is triggered in the angular.json and ng serve is executed

architect: {
  "build": { /* Add the esbuild suffix */
    "builder": "@angular-devkit/build-angular:browser-esbuild",
  • 👍2
JJosephttg commented

I also have this issue when using esbuild

kotsias commented

I have the same problem on a fresh project with Angular 16, Ionic 7.0.5, Capacitor 5.0.1. I just see a blank screen after run ng serve.

amandaejohnston commented

Would anyone be able to provide a minimal reproduction repo?

schuerg commented

Would anyone be able to provide a minimal reproduction repo?

https://github.com/schuerg/ionic-angular-vite-esbuild

liamdebeasi commented

ESBuild is in developer preview inside of Angular (https://angular.io/guide/esbuild) and is not something we support in Ionic at the moment. See #27251 (comment) for more information.

  • 😕4
amandaejohnston commented

In that case, @ooo2003003v2 can you confirm if you're able to reproduce the issue without ESBuild, and if so, provide a minimal Github repo reproducing the issue?

ooo2003003v2 commented

In that case, @ooo2003003v2 can you confirm if you're able to reproduce the issue without ESBuild, and if so, provide a minimal Github repo reproducing the issue?

Yes. Switch back to @angular-devkit/build-angular:browser fixed the issue. Thank you.