Uncaught TypeError: moment is not a function at new DateRangePicker2. How do I resolve it?

[Mansukh-jsx]

[skratchdot]

from https://github.com/skratchdot/react-bootstrap-daterangepicker#getting-started

Install the needed peer dependencies: npm install --save bootstrap-daterangepicker react jquery moment

[Foraminiferatrv]

I have the same issue using Vite.js. Installing the needed peer dependencies doesn't help. If there's any ideas, please, help.

[skratchdot]

try including moment via a script tag:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js" integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

from:
https://cdnjs.com/libraries/moment.js

here is an example of it working with vite:
https://codesandbox.io/p/sandbox/delicate-https-p684rd

[Foraminiferatrv]

try including moment via a script tag:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js" integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

from: https://cdnjs.com/libraries/moment.js

here is an example of it working with vite: https://codesandbox.io/p/sandbox/delicate-https-p684rd

It worked for me! Thank you so much!

[Jay-zalavadia]

Try the below code by adding in entry file : -

import moment from "moment-timezone";
OR
import moment from "moment";

window.moment = moment;

There is no need to add any script tag if library is already installed .

[Nahid570]

Try the below code by adding in entry file : -

import moment from "moment-timezone"; OR import moment from "moment";

window.moment = moment;

There is no need to add any script tag if library is already installed .

Isn't Working

[felipebluiz]

try including moment via a script tag:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js" integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

from: https://cdnjs.com/libraries/moment.js

here is an example of it working with vite: https://codesandbox.io/p/sandbox/delicate-https-p684rd

Thanks!!

[billpebert]

Try the below code by adding in entry file : -

import moment from "moment-timezone"; OR import moment from "moment";

window.moment = moment;

There is no need to add any script tag if library is already installed .

Hi @Jay-zalavadia
i also have kind of error in my daterangepicker configuration, i tried to use cdn and it works. But i wonder why it's not working from this import js config.
I'm using Laravel v.10 and Vite
any suggestions?

[web4social]

I'm also using Laravel v.10 and Vite, same problem