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