inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

antd 관련 이슈

3476

김태훈

작성한 질문수 1

0

안녕하세요. 이제 거의 선생님의 강의를 다 들어가는 한 학생입니다.
다름이 아니라 다른 부분은 다 잘되고 있는데 antd를 이용하는 과정에서 에러는 아니지만 아래와 같은
 
[1] Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): [1] Failed to parse source map: 'webpack://antd/./components/time-picker/style/index.less' URL is not supported
 
메시지가 뜨면서 선생님이 진행하신 로그인 페이지의 UI와 다른 UI가 만들어집니다.
많이 찾아봤는데 어떻게 해결해야하는지 잘 모르겠어서 이렇게 질문남깁니다. ㅠ
 
참고] https://github.com/ant-design/ant-design/issues/33327를 보면
This problem occurred after react-script was upgraded to 5.0.0, which means that starting from the 14th, all projects created through npx create-react-app will see this warning after the introduction of antd.css
 
'react-script'가 업그레이드 되면서 생긴 버젼 차이라고 생각되는데 혹시 어떻게 해결할 수 있을까요.ㅠ 깔끔한 UI를 보고싶습니다 ㅠ

andtd nodejs react

답변 2

2

김태훈

더 찾아보니 

import 'antd/dist/antd.css'; 를 

import 'antd/dist/antd.min.css';으로 수정하면 되는 것 같습니다.

 

하지만, UI가 바뀌지 않는 걸 보니 그냥 antd 자체에서 수정된 부분이 있는걸까요?

 

제 UI는 위처럼 나옵니다...

0

John Ahn

안녕하세요 !!! 

Email 부분이랑  Password 부분이랑 다른데  Email에는 적용하고 Password에는 일반 태그를 이용하신건가요?

0

김태훈

이렇게 답변이 빨리 올줄 몰랐는데 너무 감사합니다!

 

            <form style={{ display: 'flex', flexDirection: 'column' }}

                onSubmit={onSubmitHandler}

            >

                <label>Email</label>

                <input type="email" value={Email} onChange={onEmailHandler} />

                <label>password</label>

                <input type="password" value={Password} onChange={onPasswordHandler} />

                <br />

                <button type="submit">

                    Login

                </button>

            </form>

 

이렇게 코드를 짜서 일반테그를 사용하진 않았습니다 ㅠ

깃 이메일이랑 비번이 필요하다고 하네요

0

36

1

404 에러

0

103

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

121

1

로그인, 로그아웃, 토근 작동 안 함

0

240

0

9강 오류 어떻게 해결하나요?

0

195

1

localhost 에서 연결을 거부했습니다.

0

1927

4

포스트맨에서 true가 안떠요

0

151

1

왜 안되나요

0

130

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

243

1

로그아웃 401 에러(Unauthorized)

0

505

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

150

1

7강중에서

0

163

2

User.findByToken is not a function

0

212

1

루트 디렉토리

0

272

1

useState

0

561

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

875

6

webpack 관련 에러 질문

0

220

1

리액트 관련 질문

0

273

1

14강 로그아웃 안됨

0

319

1

mongoDB 데이터 확인하는 법

0

411

1

postman 에러

0

292

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

235

1

다음과 같은 에러들이 발생합니다.

0

274

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

380

1