plotly / plotly/angular-plotly.js

Angular 12 support

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

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

主要言語
TypeScript
スター
242
フォーク
81
平均マージ
8時間 48分
マージ済み PR(30日)
18

説明

Hello,
I want to know if Plotly is supporting Angular12?
I tried to install Plotly on a plain Angular12 project and getting the following error:

\ Generating browser application bundles (phase: building)...
<--- Last few GCs --->
4)[23632:000001C536715940] 63927 ms: Mark-sweep 2050.9 (2059.2) -> 2048.4 (2061.7) MB, 563.3 / 0.0 ms (+ 463.1 ms in 93 steps since start of marking, biggest step 11.5 ms, walltime since start of marking 1051 ms) (average mu = 0.108, current mu = 0.024)[23632:000001C536715940] 65636 ms: Mark-sweep 20
50.3 (2061.7) -> 2048.9 (2058.5) MB, 1578.8 / 0.1 ms (+ 122.3 ms in 28 steps since start of marking, biggest step 8.6 ms, walltime since start of marking 1709 ms) (average mu = 0.047, current mu = 0.005)

<--- JS stacktrace --->

==== JS stack trace =========================================

0: ExitFrame [pc: 00007FF6B851993D]
1: StubFrame [pc: 00007FF6B851A86D]
2: StubFrame [pc: 00007FF6B8556A86]

Security context: 0x001ef44c08d1
3: replace [0000001EF44CCC71](this=0x016d094be4b9 <String[101]: C:\Users\m.gratt\WebstormProjects\testplotly\my-project\node_modules\plotly.js-dist-min\plotly.min.js>,0x039ef0859851 <JSRegExp <String[#2]: \>>,0x004e9f652361 <String[#1]: />)
4: mark [0000019C44496599] [...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 00007FF6B78E035F napi_wrap+119615
2: 00007FF6B7887666 v8::internal::OrderedHashTablev8::internal::OrderedHashSet,1::NextTableOffset+38102
3: 00007FF6B7888466 v8::internal::OrderedHashTablev8::internal::OrderedHashSet,1::NextTableOffset+41686
4: 00007FF6B80C451E v8::Isolate::ReportExternalAllocationLimitReached+94
5: 00007FF6B80AC6C1 v8::SharedArrayBuffer::Externalize+833
6: 00007FF6B7F5DE9C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1436
7: 00007FF6B7F690E0 v8::internal::Heap::ProtectUnprotectedMemoryChunks+1312
8: 00007FF6B7F65BF4 v8::internal::Heap::PageFlagsAreConsistent+3204
9: 00007FF6B7F5B3F3 v8::internal::Heap::CollectGarbage+1283
10: 00007FF6B7F59A64 v8::internal::Heap::AddRetainedMap+2500
11: 00007FF6B7F7ADAD v8::internal::Factory::NewFillerObject+61
12: 00007FF6B7CDE381 v8::internal::interpreter::JumpTableTargetOffsets::iterator::operator=+1665
13: 00007FF6B851993D v8::internal::SetupIsolateDelegate::SetupHeap+546925
14: 00007FF6B851A86D v8::internal::SetupIsolateDelegate::SetupHeap+550813
15: 00007FF6B8556A86 v8::internal::SetupIsolateDelegate::SetupHeap+797110
16: 00007FF6B8506487 v8::internal::SetupIsolateDelegate::SetupHeap+467895
17: 000000B030FCAF9F
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! my-project@0.0.0 start: ng serve
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the my-project@0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\m.gratt\AppData\Roaming\npm-cache_logs\2021-09-28T07_08_17_306Z-debug.log

Process finished with exit code 134

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

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

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

調査の方向性

まず、angular-plotly.js と plotly.js-dist-min を使用する素の Angular 12 プロジェクトで報告された失敗を再現し、次に ng serve のビルド出力と関連するパッケージ設定を調査します。Angular 12 がサポートされているかどうかを判断し、このメモリ不足エラーについて検証済みの互換性の結果を特定できれば完了です。

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

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

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

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