다음 문서를 사용하여 vue 프로젝트를 만듭니다.https://vuejs.org/guide/quick-start.html#creating-a-vue-application
그리고 나는 이 프로젝트에 순풍을 더하고 싶었다.그래서 이 가이드를 사용했습니다(점 2부터).Install Tailwind CSS): https://tailwindcss.com/docs/guides/vite#vue
다만, 변경은 표시되지 않고, 다음의 경고가 표시됩니다.
warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configuration 나는 그대로 그 지시에 따랐다.콘텐츠 설정을 따라 해봤더니 모든 파일이 제대로 되어 있는지 두 번 확인했습니다.
기대했었는데tailwind.config.cjs파일을 생성해야 하지만 대신tailwind.config.js생성됩니다.
업데이트:다음 링크를 사용하여 모든 절차를 반복하는 경우: https://tailwindcss.com/docs/guides/vite#vue
순서 4:Add the Tailwind directives to your CSS의 컨텐츠를 치환하는 경우style.css스텝의 요구대로…이 시점 직후에 에러가 표시됩니다.
질문에 대한 답변
수정… 불협화음 커뮤니티에서 질문한 답변은 다음과 같습니다.
원격 호스팅 저장소를 제공해 주셔서 감사합니다.저는 잘 되는 것 같습니다.이 PR이 해결한 버그에 시달리고 있을 가능성이 있습니다.https://github.com/tailwindlabs/tailwindcss/pull/9650일시적으로 내부 버전을 사용해 보고, 이것으로 문제가 해결되는지 확인해 주세요.
npm install tailwindcss@insiders