Tailwind에서 배경 이미지의 경로/URL을 제공하는 방법은 무엇입니까?

Question

저는 React 프로젝트에서 Tailwind를 사용합니다. div에 배경 이미지를 추가하고 싶은데 다음 오류가 표시됩니다.

으아아아

순풍 카테고리를 추가합니다

으아아아

배경 이미지를 추가하는 경우 URL은 현재 파일을 기준으로 하며 다음을 통해 일반 이미지를 추가할 때도 작동합니다.

으아아아

올바른 URL을 제공하는 방법을 누가 안내할 수 있나요? 참고: 더 나은 시연을 위해 여기에 codesandbox 예제를 추가했습니다. 여기서는 "Homepage.js"에서 배경 이미지를 가져오려고 하지만 작동하지 않습니다. https://codesandbox.io/s/Background-image-wl9104?file=/src/comComponents/Homepage.js

Answer 1

다음을 사용하여 동일한 결과를 얻을 수도 있습니다.

tailwind.config.js 파일에서:

으아악

수업에서 bg-hero만 언급하면 ​​달성할 수 있습니다.