tailwind.config.js 의 content
100
작성한 질문수 4
tailwind.config.js 의 content에
이렇게 입력하는게 맞나요??
index.css에 이렇게 오류가 떠서요 ㅠㅠ
-> 우측하단 언어모드를 tailwindCSS로 바꾸면 밑줄은 사라지는데 npm start 실행시
이렇게 뜹니다..!
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. Sssu님!
tailwind.config.js와 index.css에서 설정에 관한 혼란이 있으신 것 같습니다. 문제의 핵심은 Tailwind CSS 설정과 관련하여 index.css에서 발생하는 오류와 프로젝트 구조 문제로 보여집니다.
먼저, tailwind.config.js 파일의 content 속성은 Tailwind CSS가 CSS 클래스를 찾아서 적용할 수 있도록 HTML이나 JS 파일의 경로를 반드시 정확히 지정해야 합니다. 만약 잘못된 경로가 지정되어 있다면 Tailwind CSS 스타일이 적용되지 않을 수 있습니다.
// tailwind.config.js
module.exports = {
content: ['./src/**/*.{html,js,jsx,ts,tsx}'],
theme: {
extend: {},
},
plugins: [],
};
위와 같이 content 설정을 적용하셨다면 보통 문제는 없을 것입니다.
index.css 파일 설정에서 밑줄이 생기는 문제는 코드 에디터의 언어 모드가 Tailwind CSS로 설정되지 않아 생기는 오류일 수 있습니다. 하지만, npm start 후 나타나는 “Could not find a required file. Name: index.html.” 오류는 프로젝트 구조에서 public 디렉토리에 index.html 파일이 없기 때문에 발생하는 것입니다.
Tailwind CSS를 사용하는 프로젝트라면 보통 public/index.html이 있어야 React나 CRA(Create React App) 프로젝트가 정상적으로 구동됩니다. 추가적인 index.html 파일이 필요할 경우에는 다음과 같이 기본 구조를 만들어 넣어주세요:
<!-- public/index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
이와 같이 index.html 파일을 추가한 후에 다시 npm start를 실행하면 문제가 해결될 가능성이 높습니다.
유사한 사례로, npx tailwindcss init 가 안되네요.에서 비슷한 오류 상황이 있었고, 환경 변수 설정이나 npm 관련 문제로 해결할 수 있다는 답변이 존재합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해 드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..
0
72
2
22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.
0
74
2
37강. 강의수업듣다 질문드립니다.
0
56
2
TodoDTO test 함수
0
80
3
강사님 오타 있음요
0
77
2
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
94
4
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
70
3
17강 문의드립니다.
0
44
1
카카오 연동설정이 이제 안되는거 같아요
0
187
2
8장 마지막 강의 시 오류
0
98
4
혹시 뭐가 문제인지 알 수 있나요?
0
87
2
챕터: React-Router 설정
0
58
2
백)TODO관련
0
56
2
마리아 db 설치중 포트를 이미 사용중이라고 합니다
0
109
2
이강의 듣고 소화시켰다면 몇년차 정도 개발자라고 할수 있을까요?
0
105
1
CSR , SSR 의 수요 궁금증 질문
0
81
2
섹션5부터...
0
71
1
간단한 코드 질문!!
0
59
2
tbl_todo 질문입니다
0
64
2
수업 외 질문인데 'tbl'이 무슨 의미인가요???
0
288
2
엔티티클래스에서 질문입니다
0
77
2
수정시 writer값이 삭제되는 오류
0
41
2
교안 31 오타 수정해주세요
0
62
2
쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined
0
78
1