NativeScript / NativeScript/plugins

RadListView JIT compilation failed for component class RadListViewComponent

オープン
#373 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
206
フォーク
123
平均マージ
2日 1時間
マージ済み PR(30日)
1

説明

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?

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

node_modules/nativescript-ui-listview/angular/fesm2015/nativescript-ui-listview-angular.mjs のスタックトレースのエントリから始め、一覧にある Angular、NativeScript、nativescript-ui-listview のバージョンと比較します。アプリの起動失敗を再現し、その後、JIT エラーなしでコンポーネントが読み込まれることと、ng-template 内の tap イベントが引き続き機能することを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
mobile-dev
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。