#reactjs #material-ui
Вопрос:
Я установил пользовательский интерфейс материала DataGrid в ReactJS, используя:
npm install @material-ui/data-grid
Мой код очень прост:
import React from 'react';
import { DataGrid } from '@material-ui/data-grid';
export default function App() {
return (
<div style={{ height: 300, width: '100%' }}>
<DataGrid />
</div>
);
}
Но я получаю эту ошибку:
Failed to compile
./node_modules/@material-ui/data-grid/dist/index-esm.js
Module not found: Can't resolve '@material-ui/x-license' in '/Users/m/Desktop/dev/market_average/market-average/node_modules/@material-ui/data-grid/dist'
Почему? Как это решить?
Ответ №1:
Официальный пример песочницы кода также не запускается. Однако на странице ошибок есть предлагаемое исправление:
Добавьте @material-ui/x-лицензию в качестве зависимости
Так что просто отредактируйте package.json
и добавьте:
"@material-ui/x-license": "4.0.0-alpha.36"
под dependencies
ключом.
Обновить
Проблема была решена с версией 4.0.0-alpha.37
@material-ui/data-grid
.
Комментарии:
1. Спасибо, это сработало. Я установил x-лицензию отсюда npmjs.com/package/@material-ui/x-license и это сработало.
2. Вы также можете использовать предыдущую версию через
npm install @material-ui/data-grid@4.0.0-alpha.35
. Я не думаю, что зависимость от пакета x-лицензии была преднамеренной.3.
@material-ui/x-license
не является MIT, у него есть коммерческая лицензия unpkg.com/browse/@material-ui/x-license@4.0.0-alpha.36/. … Его использование не допускается без действительного заказа. См . github.com/mui-org/material-ui-x/issues/2291 для решения.