React-pdf: Anforderung: Erzwingen Sie nicht die Verwendung eines CSS-Loaders

Erstellt am 25. Jan. 2018  ·  3Kommentare  ·  Quelle: wojtekmaj/react-pdf

Könnte mit #133 zusammenhängen. Es scheint, dass Sie bei den neueren Versionen von react-pdf diesen Fehler erhalten, wenn Sie keinen CSS-Loader haben:

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

Dies ist aus mehreren Gründen etwas unpraktisch:

  1. Anmerkungen werden nicht gerendert, weil ich renderAnnotations={false} , was es etwas seltsam macht, dass es immer noch versucht, dieses CSS zu verwenden
  2. Leute, die CSS in js-Lösungen wie styled-components müssen nicht wirklich CSS-Loader verwenden, daher ist es etwas nervig, es nur für dieses Paket einschließen zu müssen.

Nur meine Gedanken dazu, zögern Sie nicht, dies zu schließen, wenn es #133 zu ähnlich ist oder wenn Sie dieses Verhalten nicht entfernen möchten.

enhancement help wanted

Hilfreichster Kommentar

Mein Traum ist es, React-PDF so nah wie möglich an Zero-Config zu machen.

Das vollständige Entfernen des CSS-Imports war für mich der letzte Ausweg, aber ich habe es in der neuesten (Vor-)Version - v3.0.0-alpha.3 -

Alle 3 Kommentare

Das ist eine sehr gute Bitte, finde ich. Ich weiß noch nicht so recht, wie ich dieses Problem umgehen soll, aber ich werde es im Hinterkopf behalten!

Ist es nicht eine Idee, das CSS nicht in die PageAnnotations-Komponente aufzunehmen? Aber wenn Sie möchten, dass Sie es selbst laden können?

Auf diese Weise können Sie auch eine JSS-Datei bereitstellen, die Leute wie ich laden können.

Mein Traum ist es, React-PDF so nah wie möglich an Zero-Config zu machen.

Das vollständige Entfernen des CSS-Imports war für mich der letzte Ausweg, aber ich habe es in der neuesten (Vor-)Version - v3.0.0-alpha.3 -

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen