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

김태훈님의 프로필 이미지

작성한 질문수

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

antd 관련 이슈

22.01.03 11:59 작성

·

3.4K

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가 만들어집니다.
많이 찾아봤는데 어떻게 해결해야하는지 잘 모르겠어서 이렇게 질문남깁니다. ㅠ
 
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를 보고싶습니다 ㅠ

답변 2

2

김태훈님의 프로필 이미지
김태훈
질문자

2022. 01. 03. 12:06

더 찾아보니 

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

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

 

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

 

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

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

2022. 01. 03. 14:55

안녕하세요 !!! 

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

김태훈님의 프로필 이미지
김태훈
질문자

2022. 01. 03. 15:08

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

 

            <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>

 

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