yarn addで追加したパッケージをimportすると全てModule not found: Can't resolve になるエラーの対処法

Question

今回Reactとtypescriptを使って開発をしております。
yarn addで追加したパッケージを正しくimportすることができず
こちらの画像のようにModule not found: Can't resolveのエラーが返ってきます。
解決策を探したところ解決方法を見つけることができなかったので質問させていただきたいです。![
package.jsonの中にはきちんと記述されており、nodemodulesの中にも記述されておりました。
解決方法をご存知であればご回答いただければ幸いです。

Answer 1

'antd-img-crop'の公式ドキュメント見ると、'antd-img-crop'は'antd'ライブラリのコンポーネントをコンポジットするコンポーネントみたいですね。
'antd-img-crop'のpackage.jsonを見てみましたが、'antd'はdevDependenciesに設定されており、一緒にインストールもされないようです。
https://www.npmjs.com/package/antd-img-crop

Usage

import ImgCrop from 'antd-img-crop';
import { Upload } from 'antd';

const Demo = () => (
<ImgCrop>
<Upload>+ Add image</Upload>
</ImgCrop>
);

antdをインストールして、antd-img-cropのドキュメントを参考に使ってみてください。

yarn add antd

https://www.npmjs.com/package/antd

Reactのコンポジットについては、公式のドキュメントがありますので、必要であれば参考にしてみてください。
https://ja.reactjs.org/docs/composition-vs-inheritance.html

Comments

[kAAAAA]

ご返信ありがとうございます。
yarn addで追加させていただいのですが、今度はantdの方でも同様のエラーが起きてしまいました。

[yuxki]

その同様のエラーと、package.jsonの内容を追記して頂いてもよろしいですか？