@material-ui/core和@mui/material之间有什么区别？

Question

我发现Material UI的官方网站正在使用`@material-ui/core`和`@mui/material`。

但是我发现，如果我使用`@material-ui/core`或者`@mui/material`的TextField，界面无法正常工作，问题如下所述： React - Material label not in right position in Textfield 如果你在Google中搜索Material UI，并访问`https://mui.com/`，它会告诉你要执行`npm install @mui/material`。但是几周前，我正在使用`npm install @material-ui/core`。

如果我在我的package.json中同时有`@material-ui/core`和`@mui/material`，并且在`index.html`中同时包含`script`和`stylesheet`，是否会导致冲突从而破坏界面？

更新1 在@mui CodeSandbox中， 如果您尝试使用带有select属性的Textfield，当您打开select时，body中将添加overflow: hidden。

https://codesandbox.io/s/selecttextfields-material-demo-forked-z6b9f?file=/demo.js

在我的项目中，我在body中添加了overflow: hidden; padding: 15px，但是我检查过了，我没有做任何关于这个的事情！

- CCCC

---

@Ian Kemp，问题在于如果你在谷歌中搜索Material UI，并转到https://mui.com/，它会告诉你要使用npm install @mui/material。但是几周前，我正在使用npm install @material-ui！ - CCCC

如果我的package.json中同时拥有@material-ui和@mui，并且在index.html中同时包含了script和stylesheet，是否会发生任何冲突导致UI混乱？ - CCCC

@IanKemp 我在谷歌上搜索了一下，看到了这个。但是，Material UI的网站现在已经重定向到mui.com。当我在npm注册表网站上查找时，发现它们有单独的包。非常奇怪，看起来他们没有重命名或重新制作pkg。 - monikapatelIT

@CCCC Twitter这次是我们的朋友 查看来自Material-ui的更新 https://twitter.com/MaterialUI/status/1438518915236126723?s=20 - monikapatelIT

Answer 1

Material UI v1、v3和v4可在npm上使用@material-ui/core获取。

Material UI v5及更高版本可在npm上使用@mui/material获取。

尽管是同一个库，但在第5版中更改了npm包的名称。

- GabeRAMturn

---

@GabRAMturn 我可以在同一个项目中使用它们吗？我认为它们没有正确安装，因为我使用了 --legacy-peer-deps 参数。 - Sido4odus

Answer 2

自2021年9月16日起，Material UI背后的组织将其名称更改为MUI，以区别于Google。他们在博客中表示：

“我们正在与Material Design断开紧密的联系，因为我们发现太多人将Material UI与Google混淆，或者将其视为Material Design的同义词。”

博客文章链接：https://mui.com/blog/material-ui-is-now-mui/ 然而，这个开源项目的名称并没有改变。它仍然被称为Material UI。

从版本5开始，包被存储在@mui/material下，您可以在文档中找到，并且您必须使用npm install @mui/material而不是@material-ui/core。

- kepes

Answer 3

根据最近的推文，Material UI 已经升级到 V5：https://twitter.com/MaterialUI/status/1438518915236126723?s=20

- monikapatelIT