Приветствую других метеоритов!Материал Поставщик темы пользовательского интерфейса не входит в приложение реагирования/пламени
Я в процессе включения материала ui (реагирует на основе) в существующее приложение для пламени. Я использую путеводитель по метеориту и материал-документы в качестве моих инструкций, чтобы сделать это правильно, но, к сожалению, безрезультатно. Кто-нибудь успешно сделал это раньше? По материально-щ документы вы должны вводить в MuiThemeProvider в основной App компонент, но я получаю следующее сообщение об ошибке:
MuiThemeProvider.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
Вот мой корень полыхать шаблон HTML:
<template name="main">
<head>...</head>
<body>
<div id="wrap">
<div id="react-app-wrapper">
{{> React component=App}}
</div>
</div>
</body>
</template>
Примечание Я использую https://guide.meteor.com/react.html#react-in-blaze в качестве моих рекомендаций, и я использую метеорный пакет action-template-helper.
Вот подам main.js:
if(Meteor.isClient){
import App from './users/client/ui/components/App.js';
Template.main.onCreated(function(){
});
Template.main.helpers({
'App' : function(){
return App;
}
}
И мой App.js Компонент Файл:
import React, { Component, PropTypes } from 'react';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
const lightMuiTheme = getMuiTheme(lightBaseTheme);
export default class App extends Component{
constructor(props){
super(props);
}
render() {
return (
<div>
<MuiThemeProvider muiTheme={lightMuiTheme} >
</MuiThemeProvider >
</div>
);
}
}
Цените вашу помощь большое время! Я пробовал все и чувствую себя довольно сильно. :(Если вы дадите правильный ответ, я, очевидно, пометить его как так! Alex