React-pdf: κΈ°λŠ₯μš”μ²­: CSS λ‘œλ” μ‚¬μš©μ„ κ°•μ œν•˜μ§€ λ§ˆμ„Έμš”

에 λ§Œλ“  2018λ…„ 01μ›” 25일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: wojtekmaj/react-pdf

#133κ³Ό 관련이 μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€. react-pdf 의 μ΅œμ‹  λ²„μ „μ—μ„œλŠ” CSS λ‘œλ”κ°€ 없을 λ•Œ λ‹€μŒ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

ERROR in ./node_modules/react-pdf/build/annotation_layer_builder.css
Module parse failed: Unexpected token (16:0)
You may need an appropriate loader to handle this file type.
|  */
| 
| .annotationLayer section {
|   position: absolute;
| }
 @ ./node_modules/react-pdf/build/PageAnnotations.js 35:0-41
 @ ./node_modules/react-pdf/build/Page.js
 @ ./node_modules/react-pdf/build/entry.noworker.js
 @ ./src/features/preview/components/Preview.js
 @ ./src/features/preview/components/index.js
 @ ./src/app/pages/Generator.js
 @ ./src/app/App.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server babel-polyfill ./index.js

이것은 λͺ‡ 가지 이유둜 μ•½κ°„ λΆˆνŽΈν•©λ‹ˆλ‹€.

  1. renderAnnotations={false} κ°€ 있기 λ•Œλ¬Έμ— 주석이 λ Œλ”λ§λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 이 CSSλ₯Ό μ—¬μ „νžˆ μ‚¬μš©ν•˜λ €κ³  ν•˜λŠ” 것이 μ•½κ°„ μ΄μƒν•©λ‹ˆλ‹€.
  2. styled-components 와 같은 js μ†”λ£¨μ…˜μ—μ„œ cssλ₯Ό μ‚¬μš©ν•˜λŠ” μ‚¬λžŒλ“€μ€ μ‹€μ œλ‘œ CSS λ‘œλ”λ₯Ό μ‚¬μš©ν•  ν•„μš”κ°€ μ—†μœΌλ―€λ‘œ 이 νŒ¨ν‚€μ§€μ—λ§Œ ν¬ν•¨μ‹œμΌœμ•Ό ν•˜λŠ” 것이 μ•½κ°„ μ§œμ¦λ‚©λ‹ˆλ‹€.

이것에 λŒ€ν•œ 제 μƒκ°μž…λ‹ˆλ‹€. #133κ³Ό λ„ˆλ¬΄ μœ μ‚¬ν•˜κ±°λ‚˜ 이 λ™μž‘μ„ μ œκ±°ν•˜κ³  싢지 μ•Šλ‹€λ©΄ 자유둭게 λ‹«μœΌμ‹­μ‹œμ˜€.

enhancement help wanted

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

제 κΏˆμ€ React-PDFλ₯Ό κ°€λŠ₯ν•œ ν•œ ꡬ성이 μ—†λŠ” μƒνƒœμ— κ°€κΉκ²Œ λ§Œλ“œλŠ” κ²ƒμž…λ‹ˆλ‹€.

CSS κ°€μ Έμ˜€κΈ°λ₯Ό μ™„μ „νžˆ μ œκ±°ν•˜λŠ” 것은 λ‚˜λ₯Ό μœ„ν•œ μ΅œν›„μ˜ μˆ˜λ‹¨μ΄μ—ˆμ§€λ§Œ μ΅œμ‹  (사전) 릴리슀 - v3.0.0-alpha.3μ—μ„œ μˆ˜ν–‰ν–ˆμŠ΅λ‹ˆλ‹€ . 당신이 무슨 μƒκ°μ„ν•˜λŠ”μ§€ 제게 μ•Œλ €μ£Όμ„Έμš”!

λͺ¨λ“  3 λŒ“κΈ€

μ œκ°€ μƒκ°ν•˜κΈ°μ— μ•„μ£Ό 쒋은 μš”μ²­μž…λ‹ˆλ‹€. 이 문제λ₯Ό ν•΄κ²°ν•˜λŠ” 방법을 아직 잘 λͺ¨λ₯΄μ§€λ§Œ λͺ…μ‹¬ν•˜κ² μŠ΅λ‹ˆλ‹€!

PageAnnotations μ»΄ν¬λ„ŒνŠΈ μ•ˆμ— cssλ₯Ό ν¬ν•¨ν•˜μ§€ μ•ŠλŠ” 것이 아이디어 μ•„λ‹Œκ°€μš”? ν•˜μ§€λ§Œ μ›ν•˜λŠ” 경우 직접 λ‘œλ“œν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

κ·Έλ ‡κ²Œ ν•˜λ©΄ λ‚˜μ™€ 같은 μ‚¬λžŒλ“€μ΄ λ‘œλ“œν•  수 μžˆλŠ” JSSλ₯Ό μ œκ³΅ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

제 κΏˆμ€ React-PDFλ₯Ό κ°€λŠ₯ν•œ ν•œ ꡬ성이 μ—†λŠ” μƒνƒœμ— κ°€κΉκ²Œ λ§Œλ“œλŠ” κ²ƒμž…λ‹ˆλ‹€.

CSS κ°€μ Έμ˜€κΈ°λ₯Ό μ™„μ „νžˆ μ œκ±°ν•˜λŠ” 것은 λ‚˜λ₯Ό μœ„ν•œ μ΅œν›„μ˜ μˆ˜λ‹¨μ΄μ—ˆμ§€λ§Œ μ΅œμ‹  (사전) 릴리슀 - v3.0.0-alpha.3μ—μ„œ μˆ˜ν–‰ν–ˆμŠ΅λ‹ˆλ‹€ . 당신이 무슨 μƒκ°μ„ν•˜λŠ”μ§€ 제게 μ•Œλ €μ£Όμ„Έμš”!

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰