浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【react】npm install –save react-circleを実行したらCannot find module ‘react-dev-utils/chalk’でビルド出来なくなった

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を実行。無事ビルドが通りました。

  • この記事いいね! (0)