reactを使っているうえでプログレスバーを使う際は、react独自で用意されているreact-circle
を使う必要があります。プログレスバーを実装できるプラグインは他にも数種類ありますが
リファレンスはreact-circleが最も分かりやすかったのでこちらを試しに使ってみることにしました。
実際に動かして確認してみることに。
npm install –save react-circleを実行。すると以下のエラーに遭遇した。
Error: Cannot find module ‘react-dev-utils/chalk’
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:655:15)
at Function.Module._load (internal/modules/cjs/loader.js:580:25)
at Module.require (internal/modules/cjs/loader.js:711:19)
at require (internal/modules/cjs/helpers.js:14:16)
at Object.<anonymous> (C:\Users\swift0910\Documents\APP\scripts\build.js:19:15)
at Module._compile (internal/modules/cjs/loader.js:805:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:816:10)
at Module.load (internal/modules/cjs/loader.js:672:32)
at tryModuleLoad (internal/modules/cjs/loader.js:612:12)
at Function.Module._load (internal/modules/cjs/loader.js:604:3)
react-circleと関係ないっぽいように見えるreact-dev-utils/chalk
調べてみるとcreate-react-appをインストールした時にデフォルトで入っているプラグインらしい。
なぜこのタイミングで削除されたかは分からないがこのままだと進めないので
npm instal(npm iでも可)を実行。
その後npm run buildを実行。無事ビルドが通りました。