我試著給mui的盒子組件添加一個背景圖片，但是它不起作用，我提供了我的代碼

const Main = () => {
  return (
    <Box 
     sx={{backgroundImage:'images/cover.jpeg'}}
     height='385px'
    >
      
    </Box>
  )
}

你離它不遠了。您只需要在url前添加文件的路徑，例如:

const Main = () => {
  return (
    <Box
      sx={{
        backgroundImage: "url('images/cover.jpeg')",
        backgroundRepeat: "no-repeat",
        height: '385px',
        width: '385px'
      }}
    >
    
    </Box>
  );
};

(假設images/cover.jpeg是圖片的正確路徑。)

工作代碼沙盒:https://codesandbox.io/s/mui-box-background-image-wcseex?文件=/demo.js

確保圖像網址是正確的，需要給一些大小來調整布局