抓取google SEO时响应白色页面

Question

我已经尝试了很多事情在我的反应应用程序是搜索引擎优化友好，不幸的是，我只是看到一个白色的页面，没有任何结果。以下是我尝试过的：

(PS:我实际上是在本地构建我的应用程序，并使用幻影检查结果。)

1-在我的应用程序顶部使用不同的填充方式，如

import 'es5-shim';
import 'es6-shim'; 

import 'babel-polyfill';
import 'url-search-params-polyfill';
import 'whatwg-fetch';

2-禁用我的应用程序的所有XHR调用。

3.尽量简化应用程序，例如

ReactDOM.render(<div>Hello, World!</div>, document.getElementById('app'));

这里的事情工作得很好，在我的幻影结果我看到的图像与你好，世界！

现在，每次我在ReactDOM.render中导入根组件时，都会再次获得白色页面。

我没有想法，我想也许把我的应用程序转换成一个SSR应用，但我真的很想知道，如果没有它，这是否是可行的。听起来我的根组件可能太“重”，无法按时呈现。

我能花点时间想些什么吗？

Answer 1

我建议你用Chrome代替幻影来测试你的网页。在Prerender.io，我们看到很多情况，幻影无法渲染更新的网站，只显示一个空白页，所以我们使用无头Chrome渲染网站，它工作得很好！