时间戳

首页 > 解决方案 > 我在使用 DataGrid Material UI 组件时遇到错误，它显示“无法解析 '@material-ui/x-license'”，为什么？

reactjs - 我在使用 DataGrid Material UI 组件时遇到错误，它显示“无法解析 '@material-ui/x-license'”，为什么？

问题描述

我使用以下方法在 ReactJS 中安装了 DataGrid Material UI：

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'

为什么？如何解决？

标签： reactjsmaterial-ui

解决方案

官方代码沙箱示例也无法运行。但是，错误页面中有一个建议的修复方法：

添加 @material-ui/x-license 作为依赖

所以只需编辑package.json并添加：

"@material-ui/x-license": "4.0.0-alpha.36"

键下dependencies。

更新

该问题已4.0.0-alpha.37通过@material-ui/data-grid.

推荐阅读