#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
μ΄κ²μ λͺ κ°μ§ μ΄μ λ‘ μ½κ° λΆνΈν©λλ€.
renderAnnotations={false}
κ° μκΈ° λλ¬Έμ μ£Όμμ΄ λ λλ§λμ§ μμ΅λλ€. μ΄ CSSλ₯Ό μ¬μ ν μ¬μ©νλ €κ³ νλ κ²μ΄ μ½κ° μ΄μν©λλ€.styled-components
μ κ°μ js μ루μ
μμ cssλ₯Ό μ¬μ©νλ μ¬λλ€μ μ€μ λ‘ CSS λ‘λλ₯Ό μ¬μ©ν νμκ° μμΌλ―λ‘ μ΄ ν¨ν€μ§μλ§ ν¬ν¨μμΌμΌ νλ κ²μ΄ μ½κ° μ§μ¦λ©λλ€.μ΄κ²μ λν μ μκ°μ λλ€. #133κ³Ό λ무 μ μ¬νκ±°λ μ΄ λμμ μ κ±°νκ³ μΆμ§ μλ€λ©΄ μμ λ‘κ² λ«μΌμμμ€.
μ κ° μκ°νκΈ°μ μμ£Ό μ’μ μμ²μ λλ€. μ΄ λ¬Έμ λ₯Ό ν΄κ²°νλ λ°©λ²μ μμ§ μ λͺ¨λ₯΄μ§λ§ λͺ μ¬νκ² μ΅λλ€!
PageAnnotations μ»΄ν¬λνΈ μμ cssλ₯Ό ν¬ν¨νμ§ μλ κ²μ΄ μμ΄λμ΄ μλκ°μ? νμ§λ§ μνλ κ²½μ° μ§μ λ‘λν μ μμ΅λκΉ?
κ·Έλ κ² νλ©΄ λμ κ°μ μ¬λλ€μ΄ λ‘λν μ μλ JSSλ₯Ό μ 곡ν μλ μμ΅λλ€.
μ κΏμ React-PDFλ₯Ό κ°λ₯ν ν ꡬμ±μ΄ μλ μνμ κ°κΉκ² λ§λλ κ²μ λλ€.
CSS κ°μ Έμ€κΈ°λ₯Ό μμ ν μ κ±°νλ κ²μ λλ₯Ό μν μ΅νμ μλ¨μ΄μμ§λ§ μ΅μ (μ¬μ ) λ¦΄λ¦¬μ€ - v3.0.0-alpha.3μμ μννμ΅λλ€ . λΉμ μ΄ λ¬΄μ¨ μκ°μνλμ§ μ κ² μλ €μ£ΌμΈμ!
κ°μ₯ μ μ©ν λκΈ
μ κΏμ React-PDFλ₯Ό κ°λ₯ν ν ꡬμ±μ΄ μλ μνμ κ°κΉκ² λ§λλ κ²μ λλ€.
CSS κ°μ Έμ€κΈ°λ₯Ό μμ ν μ κ±°νλ κ²μ λλ₯Ό μν μ΅νμ μλ¨μ΄μμ§λ§ μ΅μ (μ¬μ ) λ¦΄λ¦¬μ€ - v3.0.0-alpha.3μμ μννμ΅λλ€ . λΉμ μ΄ λ¬΄μ¨ μκ°μνλμ§ μ κ² μλ €μ£ΌμΈμ!