nativescript-community / nativescript-community/ui-collectionview
Angular Demo JIT compilation failed for component class SwipeMenuComponent
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 62
- Forks
- 19
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 2
Description
Description
The ui-collectionview angular demo throws a JIT compilation failed error when tapping button Swipe Menu. The UI stays stuck on the home page and does not display the Swipe Menu component.
JS: EVENT TRIGGERED: onLoadMoreItems()
JS: JIT compilation failed for component class SwipeMenuComponent {
JS: constructor(router) {
JS: this.router = router;
JS: this.items = [
JS: ...<omitted>...
JS: }
JS: ERROR Error: Uncaught (in promise): Error: The component 'SwipeMenuComponent' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
JS:
JS: JIT compilation is discouraged for production use-cases! Consider using AOT mode instead.
JS: Alternatively, the JIT compiler should be loaded by bootstrapping using '@angular/platform-browser-dynamic' or '@angular/platform-server',
JS: or manually provide the compiler with 'import "@angular/compiler";' before bootstrapping.
JS: Error: The component 'SwipeMenuComponent' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
JS:
JS: JIT compilation is discouraged for production use-cases! Consider using AOT mode instead.
JS: Alternatively, the JIT compiler should be loaded by bootstrapping using '@angular/platform-browser-dynamic' or '@angular/platform-server',
JS: or manually provide the compiler with 'import "@angular/compiler";' before bootstrapping.
JS: at getCompilerFacade (file:///data/data/org.nativescript.demong/files/app/vendor.js:91...
^C
Which platform(s) does your issue occur on?
- iOS/Android/Both - Android. It's possible that the issue occurs on iOS as well. However, I'm troubleshooting a separate demo build issue there.
- iOS/Android versions - API 33
- emulator or device. What type of device? Pixel 3a emulator
Please, provide the following version numbers that your issue occurs with:
- CLI: Nativescript 8.5.3
- Yarn 1.22.19
- Lerna 7.1.1
- Npm 8.19.2
Please, tell us how to recreate the issue in as much detail as possible.
- Clone ui-collectionview and checkout commit
8a457304cddbe427b1a60158a02fda5b1c5c8720 - Follow the README instructions for building and starting the demo
yarn npm run build.all npm run demo.ng.android - When the demo app loads on the emulator, tap button
Swipe Menu
Is there any code involved?
No, running the demo as is.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the README build steps and the Angular demo entry points involved when opening SwipeMenuComponent. Reproduce with yarn, npm run build.all, and npm run demo.ng.android, then trace the reported missing @angular/compiler setup. Done means tapping Swipe Menu displays the component instead of leaving the app on the home page.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100