인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Sssu님의 프로필 이미지

작성한 질문수

코드로 배우는 React with 스프링부트 API서버

Tailwind CSS 설정

Tailwindcss 설정

작성

·

52

0

npx tailwindcss init 작성시

'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는

배치 파일이 아닙니다. 라고 뜹니다

코드를 다르게 작성해야하나요?

답변 2

0

Sssu님의 프로필 이미지
Sssu
질문자

npm install -D tailwindcss@3 postcss autoprefixer

npx tailwindcss init
입력 완료

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

헉 벌써 해결하셨네요 버전에 따라 설치 방법에 차이가 있습니다 ㅠㅠ

Sssu님의 프로필 이미지
Sssu
질문자

tailwind.config.js 의 content에

image.png


이렇게 입력하는게 맞나요??

image.png


index.css에 이렇게 오류가 떠서요 ㅠㅠ

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

해당부분은 에러는 아닙니다만 신경쓰이시면 제가 소스 코드를 실행해 볼 수 있도록 깃헙 링크를 적어주세요

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. Sssu님!

‘npx tailwindcss init’ 명령어를 실행할 때 “내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다”라는 오류가 발생하는 것은 주로 쉽게 해결할 수 있는 문제입니다. 이런 오류는 일반적으로 환경 변수 설정이나 npm과 관련된 문제일 가능성이 큽니다.

다음은 문제를 해결할 수 있는 몇 가지 방법을 제안드립니다:

  1. Tailwind 설치 및 버전 확인:
    명령어를 실행하기 전에, tailwind가 올바르게 설치되어 있는지 확인하세요. 다음과 같은 명령어를 통해 tailwindcss가 설치되어 있는지 확인할 수 있습니다.

    npm list -g tailwindcss
    
  2. 재설치 및 초기화:
    tailwindcss가 없다면, 먼저 tailwindcss를 설치한 후 명령어를 다시 시도해 보세요.

    npm install -D tailwindcss
    npx tailwindcss init
    
  3. Node.js 경로 확인:
    오류가 지속된다면, Node.js와 npm의 경로가 환경 변수에 제대로 추가되어 있는지 확인하시기 바랍니다. Windows의 경우, 제어판 > 시스템 > 고급 시스템 설정 > 환경 변수에서 확인할 수 있습니다.

  4. 전역 npm 및 npx 설치:
    만약 위의 방법으로도 해결이 안 되었다면, 전역 npm과 npx를 업데이트해보세요.

    npm install -g npm
    npm install -g npx
    

이 문제를 해결하는 데 추가로 도움이 될 수 있는 유사한 질문과 답변은 다음 URL에서 참고하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Sssu님의 프로필 이미지

작성한 질문수

질문하기