React-pdf: react-pdfからインポートした後のアプリのクラッシュ

始める前に-チェックリスト

• [x] React-PDFバージョン用に作成されたドキュメントの指示に従いました
• [x]このバグがまだ報告されていないかどうかを確認しました
• [x]問題が既知の問題にリストされていないかどうかを確認し
• [x] PDFレンダリングに問題がある場合は、MozillaFirefoxでPDFが正しくレンダリングされるかどうかを確認しました-> PDFの問題ではありません

説明

発生したバグの簡単な説明。

行を追加すると
create-react-appで新しいアプリを作成し、npm react-pdfで追加した直後、
そのようなreact-pdfからインポートする場合：
import { Document } from "react-pdf"

私のアプリはもうコンパイルできません。

再現する手順

動作を再現する手順：

• create-react-appを使用して新しいアプリを作成します
  npx create-react-app test-react-pdf

• react-pdfをインストールする
  npm install react-pdf

• src/App.js react-pdfからのインポートを追加します
  import { Document } from "react-pdf"

• npm startを実行すると、次のように表示されます。

<--- Last few GCs --->

[47073:0x102808000]    31515 ms: Scavenge 1382.5 (1423.4) -> 1381.9 (1423.9) MB, 4.6 / 0.0 ms  (average mu = 0.125, current mu = 0.063) allocation failure
[47073:0x102808000]    31519 ms: Scavenge 1382.7 (1423.9) -> 1382.1 (1424.4) MB, 3.3 / 0.0 ms  (average mu = 0.125, current mu = 0.063) allocation failure
[47073:0x102808000]    31524 ms: Scavenge 1383.2 (1424.4) -> 1382.6 (1424.9) MB, 3.1 / 0.0 ms  (average mu = 0.125, current mu = 0.063) allocation failure


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 0x1d21277dbe3d]
Security context: 0x2cd62ef9e6e9 <JSObject>
    1: SourceMapConsumer_allGeneratedPositionsFor [0x2cd6b4a57591] [/Users/mypcname/Dev/test-react-pdf/node_modules/@babel/core/node_modules/source-map/lib/source-map-consumer.js:~178] [pc=0x1d212805103b](this=0x2cd682a82291 <BasicSourceMapConsumer map = 0x2cd6d22b6131>,aArgs=0x2cd638193081 <Object map = 0x2cd6d22b5529>)
    2: /* anonymous */(aka /* a...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0x10003d035 node::Abort() [/usr/local/bin/node]
 2: 0x10003d23f node::OnFatalError(char const*, char const*) [/usr/local/bin/node]
 3: 0x1001b8e15 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/usr/local/bin/node]
 4: 0x100586d72 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/usr/local/bin/node]
 5: 0x100589845 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/usr/local/bin/node]
 6: 0x1005856ef v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/usr/local/bin/node]
 7: 0x1005838c4 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/usr/local/bin/node]
 8: 0x10059015c v8::internal::Heap::AllocateRawWithLigthRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/usr/local/bin/node]
 9: 0x1005901df v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/usr/local/bin/node]
10: 0x10055fb24 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/usr/local/bin/node]
11: 0x1007e7e04 v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/usr/local/bin/node]
12: 0x1d21277dbe3d
13: 0x1d212805103b

また、問題のあるリポジトリを作成しますhttps://github.com/ditiz/pdf-viewer
それを使用するには：

• git clone https://github.com/ditiz/pdf-viewer.git
• npm install
• npm start

予想される行動

あなたは何が起こると思っていましたか？
アプリをクラッシュさせることなくreact-pdfを使用できます

追加情報

私はより多くのRAMを使用しようとしました：
react-scripts --max_old_space_size=4096 start

何も変わらない

必要に応じて、問題の説明に役立つスクリーンショット（できればブラウザコンソールを開いた状態）と問題のあるファイルを追加します。

環境

• ブラウザ（該当する場合）[例：Chrome 57、Firefox 59]：使用されていません
• React-PDFバージョン[例3.0.4]：4.1.0
• Reactバージョン[例：16.3.0]：16.12.0
• Webpackバージョン（該当する場合）[例4.16.2]：4.41.2