React项目中导入@mui/x-charts/PieChart失败的问题咨询

问题根源 #

你使用的@mui/x-charts/PieChart属于Material UI的独立图表组件库@mui/x-charts，但你的项目依赖中并未安装该包，导致Vite无法解析这个导入路径。

解决步骤 #

1. 安装@mui/x-charts包
   打开终端，在项目根目录执行以下命令（根据你的包管理器选择）：

   • 使用npm：

     npm install @mui/x-charts@5.15.18
     

   • 使用yarn：

     yarn add @mui/x-charts@5.15.18
     

   指定版本5.15.18是为了和你现有@mui/material的版本保持一致，避免版本冲突。

2. 重启开发服务器
   安装完成后，关闭当前运行的Vite开发服务器，重新启动即可正常导入并使用PieChart组件。

内容的提问来源于stack exchange，提问作者khadiza akter