• 카테고리

    질문 & 답변

  • 세부 분야

    풀스택

  • 해결 여부

    미해결

antd 관련 이슈

22.01.03 11:59 작성 조회수 3.2k

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를 보고싶습니다 ㅠ
course-thumbnail

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

답변 2

·

답변을 작성해보세요.

2

김태훈님의 프로필

김태훈

질문자

2022.01.03

더 찾아보니 

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

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

 

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

 

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

0

John Ahn님의 프로필

John Ahn

지식공유자

2022.01.03

안녕하세요 !!! 

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

김태훈님의 프로필

김태훈

질문자

2022.01.03

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

 

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

 

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

이 글과 비슷한 Q&A