NativeScript / NativeScript/plugins
RadListView JIT compilation failed for component class RadListViewComponent
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- TypeScript
- Star
- 206
- Fork
- 123
- Merge trung bình
- 2 ngày 1 giờ
- Pull request đã merge (30 ngày)
- 1
Mô tả
I have installed different releases or nativescrip-ui-listview in my application.
If I use the latest one, I'm getting the following error
JIT compilation failed for component class RadListViewComponent {
constructor(_elementRef, _iterableDiffers, _renderer, _ngZone) {
this....<omitted>...
}
***** Fatal JavaScript exception - application has been terminated. *****
NativeScript encountered a fatal error: Uncaught Error: The component 'RadListViewComponent' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
The component is part of a library that has been partially compiled.
However, the Angular Linker has not processed the library such that JIT compilation is used as fallback.
Ideally, the library is processed using the Angular Linker to become fully AOT compiled.
Alternatively, the JIT compiler should be loaded by bootstrapping using '@angular/platform-browser-dynamic' or '@angular/platform-server',
or manually provide the compiler with 'import "@angular/compiler";' before bootstrapping.
at
getCompilerFacade(file: node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:4075:0)
at \M-b\M^@\M-&\M-B\M-5\M-b\M^@\M-&\M-B\M-5ngDeclareFactory(file: node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:33191:0)
at ./node_modules/nativescript-ui-listview/angular/fesm2015/nativescript-ui-listview-angular.mjs(file: node_modules/nativescript-ui-listview/angular/fesm2015/nativescript-ui-listview-angular.mjs:465:49)
at __webpack_require__(file: src/webpack/bootstrap:24:0)
at fn(file: src/webpack/runtime/hot module replacement:62:0)
I have included NativeScriptUIListViewModule in my app.module or even in my mycomponent.module, but the result is the same.
This is my package.json
{
"description": "NativeScript Application",
"license": "SEE LICENSE IN <your-license-filename>",
"repository": "<fill-your-repository-here>",
"dependencies": {
"@angular/animations": "^12.2.5",
"@angular/common": "^12.2.5",
"@angular/compiler": "^12.2.5",
"@angular/core": "^12.2.5",
"@angular/forms": "^12.2.5",
"@angular/platform-browser": "^12.2.5",
"@angular/platform-browser-dynamic": "^12.2.5",
"@angular/router": "^12.2.5",
"@danvick/ngx-translate-nativescript-loader": "3.0.0",
"@nativescript-community/ble": "^3.0.29",
"@nativescript-community/ui-mapbox": "^6.2.9",
"@nativescript/angular": "^12.2.0",
"@nativescript/appavailability": "^2.0.0",
"@nativescript/core": "~8.3.5",
"@nativescript/firebase": "^11.1.3",
"@nativescript/geolocation": "^7.0.0",
"@nativescript/iqkeyboardmanager": "^2.0.0",
"@nativescript/theme": "~3.0.1",
"@ngx-translate/core": "13.0.0",
"@nstudio/nativescript-barcodescanner": "^5.0.1",
"@nstudio/nativescript-carousel": "^8.0.3",
"@nstudio/nativescript-pulltorefresh": "^3.0.2",
"@triniwiz/nativescript-couchbase": "^1.3.1",
"@turf/turf": "6.5.0",
"jwt-decode": "3.1.2",
"moment": "2.29.1",
"nativescript-mediafilepicker": "^4.0.2",
"nativescript-permissions": "^1.3.11",
"nativescript-ui-calendar": "^7.0.4",
"nativescript-ui-listview": "^14.2.4",
"nativescript-websockets": "^1.5.6",
"reflect-metadata": "~0.1.13",
"rxjs": "~7.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular/compiler-cli": "^12.2.5",
"@nativescript/android": "8.3.1",
"@nativescript/ios": "8.3.3",
"@nativescript/types": "~8.3.1",
"@nativescript/webpack": "~5.0.0-beta.0",
"@ngtools/webpack": "^12.2.5",
"@types/geojson": "^7946.0.8",
"codelyzer": "^6.0.2",
"sass": "~1.39.0",
"tslint": "^6.1.3",
"typescript": "~4.3.5"
},
}
If I use older releases, my list is shown but I cannot get any tap event from the elements in ng-template.
Any idea?
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu với mục trong stack trace tại node_modules/nativescript-ui-listview/angular/fesm2015/nativescript-ui-listview-angular.mjs và so sánh mục đó với các phiên bản Angular, NativeScript và nativescript-ui-listview được liệt kê. Tái hiện lỗi khởi động ứng dụng, sau đó xác minh rằng component tải mà không gặp lỗi JIT và các sự kiện tap trong ng-template vẫn hoạt động.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- mobile-dev
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 25/100