250x250
Notice
Recent Posts
Recent Comments
Link
«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

커리까지

antd 오류 : Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported 본문

react

antd 오류 : Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported

목표는 커리 2022. 7. 17. 15:17
728x90
SMALL
  • antd에서 css를 가져오려고 App.tsx 와 index.tsx 에 직접 import 'antd/dist/antd.css'; 를 했더니 아래와 같은 오류가 발생하였다.
WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/antd/dist/antd.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported

WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/antd/dist/antd.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map: 'webpack://antd/./components/icon/style/index.less' URL is not supported

해결법

index.css 에 @import '~antd/dist/antd.css'; 하면 된다.

@import '~antd/dist/antd.css';

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
728x90
LIST
저작자표시

'react' 카테고리의 다른 글

useEffect 첫 랜더링 막기  (0) 2022.07.29
useEffect가 2번 호출 될 때  (0) 2022.07.29
EPSG 좌표계 변환방법  (0) 2022.01.27
[동빈나] 18강 - 필터(Filter) 함수를 이용한 고객(Customer) 검색 기능 구현하기  (0) 2021.07.04
syntaxerror: unexpected token < in json at position 0  (0) 2021.07.04
'react' Related Articles more
Comments