plotly / plotly/react-plotly.js
Snowpack => TypeError: can't access property "document", this is undefined
還沒有人認領這個 Issue。
- 主要語言
- JavaScript
- 星號
- 1.1k
- 分支
- 138
- 平均合併
- 3 天 2 小時
- 30 天內合併 PR
- 4
描述
Hi, I'm trying to run a Typescript Reactjs installation with React-plotly using Snowpack and I get this error on runtime.
Uncaught TypeError: can't access property "document", this is undefined
plotly</</<[169]</< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:26076
plotly</</<[169]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:35619
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[750]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:108685
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[1]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:335
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[727]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:105568
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[14]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:450
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[26]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:498
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
r http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
createCommonjsModule http://localhost:3006/_snowpack/pkg/common/_commonjsHelpers-b3efd043.js:14
<anonymous> http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:326
react-plotlyjs.js:26076:21
plotly</</<[169]</< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:26076
plotly</</<[169]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:35619
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[750]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:108685
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[1]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:335
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[727]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:105568
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[14]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:450
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly</</<[26]< http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:498
o http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
r http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
plotly http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:333
createCommonjsModule http://localhost:3006/_snowpack/pkg/common/_commonjsHelpers-b3efd043.js:14
<anonymous> http://localhost:3006/_snowpack/pkg/react-plotlyjs.js:326
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
InnerModuleEvaluation self-hosted:2381
evaluation self-hosted:2332
this is the culpable 26076 line
var d3_document = this.document;
I've contacted Snowpack team and the maintainer suggest that "most likely something is happening in that package that breaks non-Webpack bundling".
There is any plan to make React-plotly compatible with Snowpack or/and do you know any workaround to make it work in the meantime?
貢獻指南
這個儲存庫沒有索引到貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
研究方向
從產生的 _snowpack/pkg/react-plotlyjs.js bundle 第 26076 行以及回報的 var d3_document = this.document 失敗開始。檢視連結的 Snowpack 討論和 React-plotly.js 的 packaging 入口點,以確定相容性邊界;當回報的 TypeScript React 安裝能夠在 Snowpack 下執行且不出現此執行階段錯誤時,即表示完成。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- javascript, react
- 領域
- data-visualization, frontend
- Issue 類型
- 缺陷
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100