Я не могу создать таблицу с пользовательским интерфейсом материала в программе ReactJS - PullRequest
Новая
       7

Я не могу создать таблицу с пользовательским интерфейсом материала в программе ReactJS

0 голосов
/ 21 мая 2018

Я хочу создать таблицу с использованием MaterialUI в приложении ReactJS.Поэтому я импортировал модули со следующей строкой, как предлагает официальный сайт MaterialUI: 

import {
    Table,
    TableBody,
    TableHeader,
    TableHeaderColumn,
    TableRow,
    TableRowColumn,
  } from 'material-ui/Table';

Проблема в том, что когда я запускаю npm start, он говорит: 

Can't resolve 'material-ui/Table in 'C:\Users\myprojectpath\src'

На самом деле вмоя папка "node_modules" У меня есть папка с именем "material-ui-table", более того, кнопки UI Material работают так, что UI Material должен быть правильно установлен ...

Ответы [ 3 ]

0 голосов
/ 21 мая 2018

Можете ли вы использовать это 

import { 
    Table, 
    TableHead, 
    TableBody, 
    TableCell, 
    TableFooter, 
    TablePagination, 
    TableRow, 
    Paper } from 'material-ui';

Здесь вам не нужно запрашивать его из Material-UI / Table, как вы уже определили внутри области действия

Пример: 

class Products extends Component {
render() {
return (
<Paper>
   <div>
      <Table>
         <TableHead>
            <TableRow>
               <TableCell>Hi</TableCell>
            </TableRow>
         </TableHead>
         <TableBody>
            <TableRow>
               <TableCell>1</TableCell>
            </TableRow>
         </TableBody>
         <TableFooter>
            <TableRow>
               <TablePagination 
                  colSpan={3}
                  count={5}
                  rowsPerPage={2}
                  page={0}
                  />
            </TableRow>
         </TableFooter>
      </Table>
   </div>
</Paper>
)
}
}

Над кодом работает нормально.

0 голосов
/ 21 мая 2018

Попробуйте, это решит вашу ошибку не удалось устранить ошибку "material-ui / core / Button" . 

   import { Button } from 'material-ui'

Или 

   import Button from 'material-ui/Button';
0 голосов
/ 21 мая 2018

Установить материал-интерфейс с помощью этой команды: 

npm install material-ui@latest
...