Я получаю ошибку при использовании компонента пользовательского интерфейса материалов DataGrid, в нем говорится «Не удается разрешить» @material-ui/x-license»», почему?

#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 для решения.