reactjs – React Starter Kit和Material UI:应在muiTheme上下文中提供userAgent以进行服务器端呈现

前端之家收集整理的这篇文章主要介绍了reactjs – React Starter Kit和Material UI:应在muiTheme上下文中提供userAgent以进行服务器端呈现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 React Starter Kit,我添加 Material UI如下:
npm install material-ui --save

以及导入到组件的以下内容

import RaisedButton from 'material-ui/lib/raised-button';

和:

<RaisedButton label="Default" />

我收到以下错误

Warning: Material-UI: userAgent should be supplied in the muiTheme context for server-side rendering.

根据Material UI的documentation,它说我需要解决三件事:

> autoprefixer和用户代理
> process.env.NODE_ENV

我应该放入什么代码以及确切的位置,特别是React Starter Kit?

附: this solution对我不起作用: – /

When using Material-UI with server rendering,we must use the same environment for the server and the client. This has two technical implications.

正如你在MaterialUI documentation页面上看到的那样

您需要为文档中提供的服务器和浏览器上下文提供相同的用户代理,但是,我强烈反对您提供“全部”用户代理,因为您将为您的最终提供大量不必要的代码-用户.

相反,您可以轻松地关注MaterialUI文档并传递http请求标头中包含的用户代理值.

使用快递或koa服务器

global.navigator = global.navigator || {};
global.navigator.userAgent = req.headers['user-agent'] ||'all';

我刚刚在src / server.js中检查了it has been added to the ReactStarterKit(未经过测试)

global.navigator = global.navigator || {};
global.navigator.userAgent = global.navigator.userAgent || 'all';

猜你在找的React相关文章