plotly / plotly/angular-plotly.js

Angular 12 support

未關閉
#175 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

主要語言
TypeScript
星號
242
分支
81
平均合併
8 小時 48 分鐘
30 天內合併 PR
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. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 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 摘要。