先看官网引入代码
import Button from '@mui/material/Button';
这段代码实际上是错误的(可能是组件库更新了官网没及时更新)
错误实际上是路径错误。最新版的组件路径已经变成:@material-ui目录下的
core文件夹中(node_modules可以找到@material-ui),所以正确引入代码为(以按钮为例)
import Button from '@material-ui/core/Button';
使用这个按钮
function App() {
return (
<div className="App">
<Button variant="text">Text</Button>
<Button variant="contained">Contained</Button>
<Button variant="outlined">Outlined</Button>
</div>
);
}
export default App;
ctrl+s保存后页面自动刷新