Блог

Я импортировал @material-ui/core, @devexpress/dx-react-core @devexpress/dx-react-grid и некоторые другие модули, но проблема не решена. Мой App.js код:

 import Grid from '@material-ui/core/Grid'; import logo from './logo.svg'; import './App.css';  function App() {  return (  lt;div className="App"gt;  lt;Grid container spacing={2}gt;  lt;Grid item xs={8}gt;  lt;Itemgt;xs=8lt;/Itemgt;  lt;/Gridgt;  lt;Grid item xs={4}gt;  lt;Itemgt;xs=4lt;/Itemgt;  lt;/Gridgt;  lt;Grid item xs={4}gt;  lt;Itemgt;xs=4lt;/Itemgt;  lt;/Gridgt;  lt;Grid item xs={8}gt;  lt;Itemgt;xs=8lt;/Itemgt;  lt;/Gridgt;  lt;/Gridgt;  lt;/divgt;  ); } export default App;  

На самом деле определения там нет. Просто поместите это перед функцией App() :

 const Item = styled(Paper)(({ theme }) =gt; ({  ...theme.typography.body2,  padding: theme.spacing(1),  textAlign: 'center',  color: theme.palette.text.secondary, }));  

Это сработает.