【react-native】react-native-datepickerを使う際の注意点

お題

react-native-datepickerを使う時の注意点

react-nativeでもdatepickerを実装したかったので一番メジャーなライブラリである

react-native-datepickerを使ってみようと思いインストールしようとすると

以下のようなエラーが発生。

npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path C:\Users\myapp\Documents\stampapp\node_modules\moment
npm ERR! dest C:\Users\myapp\Documents\stampapp\node_modules\.moment.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'C:\Users\myapp\Documents\stampapp\node_modules\moment' -> 'C:\Users\myapp\Documents\stampapp\node_modules\.moment.DELETE'
npm ERR! enoent This is related to npm not being able to find a file

ディレクトリを見るとnode_modulesの中のmomentが見つからないと書いてある。

どうやらdatePickerを使う際のmomentという時間を正しいに変換するためのライブラリが

含まれていなかったのが原因でした。

react-native-datepickerに限らずjavascriptでdatePickerを扱う場合はこのmomentライブラリ

が必須なので忘れずに一緒にインストールしておくことをすすめます。

momentライブラリのインストールは以下の通り。

npm i moment

念のためnpm uninstall react-native-datepickerでアンインストールした後にもう一回

npm install react-native-datepicker

で解決。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG