search

praveenpuglia / vuetify-daterange-picker

The missing date range picker for Vuetify JS you have been looking for.
https://vuetify-daterange-picker.gitbook.io/docs
MIT License
197 stars 59 forks source link

Install failed first attempt #52

Closed timothymarois closed 5 years ago

timothymarois commented 5 years ago

So far its unable to locate modules on install: 

These relative modules were not found:

* ../../../src/stylus/components/_app.styl in ./node_modules/vuetify/lib/components/VApp/VApp.js
* ../../../src/stylus/components/_autocompletes.styl in ./node_modules/vuetify/lib/components/VAutocomplete/VAutocomplete.js, ./node_modules/vuetify/lib/components/VCombobox/VCombobox.js
* ../../../src/stylus/components/_avatars.styl in ./node_modules/vuetify/lib/components/VAvatar/VAvatar.js
* ../../../src/stylus/components/_badges.styl in ./node_modules/vuetify/lib/components/VBadge/VBadge.js
* ../../../src/stylus/components/_bottom-navs.styl in ./node_modules/vuetify/lib/components/VBottomNav/VBottomNav.js
* ../../../src/stylus/components/_bottom-sheets.styl in ./node_modules/vuetify/lib/components/VBottomSheet/VBottomSheet.js
* ../../../src/stylus/components/_breadcrumbs.styl in ./node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.js
* ../../../src/stylus/components/_buttons.styl in ./node_modules/vuetify/lib/components/VBtn/VBtn.js
* ../../../src/stylus/components/_button-toggle.styl in ./node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.js
* ../../../src/stylus/components/_calendar-daily.styl in ./node_modules/vuetify/lib/components/VCalendar/VCalendarDaily.js
* ../../../src/stylus/components/_calendar-weekly.styl in ./node_modules/vuetify/lib/components/VCalendar/VCalendarWeekly.js, ./node_modules/vuetify/lib/components/VCalendar/VCalendarMonthly.js
* ../../../src/stylus/components/_cards.styl in ./node_modules/vuetify/lib/components/VCard/VCard.js, ./node_modules/vuetify/lib/components/VPicker/VPicker.js and 1 other
* ../../../src/stylus/components/_carousel.styl in ./node_modules/vuetify/lib/components/VCarousel/VCarousel.js
* ../../../src/stylus/components/_selection-controls.styl in ./node_modules/vuetify/lib/components/VCheckbox/VCheckbox.js, ./node_modules/vuetify/lib/components/VRadioGroup/VRadioGroup.js and 1 other
* ../../../src/stylus/components/_chips.styl in ./node_modules/vuetify/lib/components/VChip/VChip.js
* ../../../src/stylus/components/_counters.styl in ./node_modules/vuetify/lib/components/VCounter/VCounter.js
* ../../../src/stylus/components/_data-iterator.styl in ./node_modules/vuetify/lib/components/VDataIterator/VDataIterator.js
* ../../../src/stylus/components/_tables.styl in ./node_modules/vuetify/lib/components/VDataTable/VDataTable.js
* ../../../src/stylus/components/_data-table.styl in ./node_modules/vuetify/lib/components/VDataTable/VDataTable.js
* ../../../src/stylus/components/_small-dialog.styl in ./node_modules/vuetify/lib/components/VDataTable/VEditDialog.js
* ../../../src/stylus/components/_date-picker-title.styl in ./node_modules/vuetify/lib/components/VDatePicker/VDatePickerTitle.js
* ../../../src/stylus/components/_date-picker-header.styl in ./node_modules/vuetify/lib/components/VDatePicker/VDatePickerHeader.js
* ../../../src/stylus/components/_date-picker-years.styl in ./node_modules/vuetify/lib/components/VDatePicker/VDatePickerYears.js
* ../../../src/stylus/components/_dialogs.styl in ./node_modules/vuetify/lib/components/VDialog/VDialog.js
* ../../../src/stylus/components/_dividers.styl in ./node_modules/vuetify/lib/components/VDivider/VDivider.js
* ../../../src/stylus/components/_expansion-panel.styl in ./node_modules/vuetify/lib/components/VExpansionPanel/VExpansionPanel.js

And then a bunch of errors:

ERROR in ./node_modules/vuetify-daterange-picker/dist/vuetify-daterange-picker.common.js
Module not found: Error: Can't resolve 'date-fns' in '/Development/D/sm-bold/node_modules/vuetify-daterange-picker/dist'
 @ ./node_modules/vuetify-daterange-picker/dist/vuetify-daterange-picker.common.js 293:17-36
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./node_modules/vuetify/lib/components/VApp/VApp.js
Module not found: Error: Can't resolve 'stylus-loader' in '/Development/D/sm-bold'
 @ ./node_modules/vuetify/lib/components/VApp/VApp.js 3:0-50
 @ ./node_modules/vuetify/lib/components/VApp/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./node_modules/vuetify-daterange-picker/dist/vuetify-daterange-picker.common.js
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

... and it goes on

I have the latest Vueify installed and most of the vue modules. I followed installation steps and this is what I got.

timothymarois commented 5 years ago

Ok. I finally got it working due to 2 dependencies that are not known in the installation. Can you please update installation details to explain you need to install the following:

stylus-loader and date-fns

praveenpuglia commented 5 years ago

Hi!

date-fns is already listed as peer dependency so when installing, it should have pointed that out.

If you are using vuetify with vue-cli 3 I am assuming their plugin would have done that by itself. Let me try to reproduce this and get back with a fresh installation.

praveenpuglia commented 5 years ago

Updated documentation to reflect this. https://app.gitbook.com/@vuetify-daterange-picker/s/docs/installation-and-usage#requirements