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

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

React Native

お題

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

で解決。

  • この記事いいね！ (0)
関連記事