1

复制回购

https://github.com/github0013/ror_rbc/commit/246f6e1839cdd6aababeeacb9301a80b040e453d

# git clone, then
bundle && npm install 
foreman start -f Procfile.dev # should start the server at http://localhost:3000/hello_world

问题

我正在使用
https://github.com/shakacode/react_on_rails
构建一个 Web 应用程序,但如果我尝试import BigCalendar from 'react-big-calendar'在 jsx 文件中,它会在标题中给出错误。

我检查的东西

https://github.com/intljusticemission/react-big-calendar
这个库使用
https://github.com/react-bootstrap/dom-helpers

https://github.com/react-bootstrap/dom-helpers/ blob/master/src/query/matches.js#L7
就我检查而言, 这一行为document.body空。

为什么文档为空?

我对 reactjs、webpack 等还是很陌生,所以我确信我缺少一些基本知识,但是如果有人能指出为什么缺少文档对象,请告诉我。

4

2 回答 2

0

我找到了原因。

https://github.com/github0013/ror_rbc/commit/3ef648d1ea3d647557b335ca6c5bdf7bd64c88b4

javascript 文件在HEAD标签内链接,即在BODY标签之前。因此,由于BODY标签尚未出现,因此在加载时,它丢失了document.body.

在标签javascript_include_tag底部移动固定它。BODY

于 2017-01-16T03:49:49.440 回答
0

我在我的应用程序中尝试了上述解决方案,然后又遇到了另一个错误。多个 Polly-fill 加载。React On Rails 论坛说 JavaScript 文件通常加载在 HEAD 标记中。

于 2017-01-27T14:56:51.630 回答