使用
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的@L_502_2@,它说我需要解决三件事:
> 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';