Base solution for your next web application
Open Closed

ERROR in multi ./node_modules/tether/dist/css/tether.css #5339


User avatar
0
talehoang created

Hi all

I'm facing the issue regarding of running "npm start" command in VSCode on centOS 7 for aspzero.net version 5.2.0 The error is:

ERROR in multi ./node_modules/tether/dist/css/tether.css ./node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css ./node_modules/prismjs/themes/prism.css ./node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css ./node_modules/bootstrap-daterangepicker/daterangepicker.css ./node_modules/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css./node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css ./node_modules/bootstrap-select/dist/css/bootstrap-select.css ./node_modules/select2/dist/css/select2.css ./node_modules/rangeslider.js/dist/rangeslider.css ./node_modules/ion-rangeSlider/css/ion.rangeSlider.css ./node_modules/ion-rangeSlider/css/ion.rangeSlider.skinFlat.css ./node_modules/dropzone/dist/dropzone.css ./node_modules/summernote/dist/summernote.css ./node_modules/bootstrap-markdown/css/bootstrap-markdown.min.css ./node_modules/animate.css/animate.min.css ./node_modules/toastr/build/toastr.css ./node_modules/jstree/dist/themes/default/style.css ./node_modules/morris.js/morris.css ./node_modules/chartist/dist/chartist.css ./node_modules/socicon/css/socicon.css ./node_modules/font-awesome/css/font-awesome.css ./node_modules/quill/dist/quill.core.css ./node_modules/quill/dist/quill.snow.css ./node_modules/famfamfam-flags/dist/sprite/famfamfam-flags.css ./node_modules/primeng/resources/primeng.min.css ./node_modules/primeng/resources/themes/bootstrap/theme.css ./node_modules/bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.min.css ./src/assets/metronic/src/vendors/line-awesome/css/line-awesome.css ./src/assets/metronic/src/vendors/flaticon/css/flaticon.css ./src/assets/metronic/src/vendors/metronic/css/styles.css ./src/assets/metronic/dist/html/default/assets/demo/default/base/style.bundle.css ./src/assets/metronic/4x/datatables/datatables.min.css ./src/assets/metronic/4x/datatables/plugins/bootstrap/datatables.bootstrap.css ./src/assets/metronic/4x/css/invoice.css ./src/assets/Jcrop/css/Jcrop.css ./src/assets/primeng/datatable/css/primeng.datatable.css ./src/assets/primeng/file-upload/css/primeng.file-upload.css ./src/assets/primeng/autocomplete/css/primeng.autocomplete.css ./src/assets/common/styles/metronic-customize.less ./src/assets/common/styles/metronic-customize-angular.less ./src/assets/metronic/4x/css/pricing.min.css ./src/app/shared/core.less ./src/app/shared/layout/layout.less ./src/assets/fonts/fonts-poppins.css ./src/assets/fonts/fonts-roboto.css ./src/styles.css Module not found: Error: Can't resolve '/home/huyta/Repos/invoicesys/angular/node_modules/ion-rangeSlider/css/ion.rangeSlider.css' in '/home/huyta/Repos/invoicesys/angular' ERROR in multi ./node_modules/tether/dist/css/tether.css ./node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css ./node_modules/prismjs/themes/prism.css ./node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css ./node_modules/bootstrap-daterangepicker/daterangepicker.css ./node_modules/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css./node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css ./node_modules/bootstrap-select/dist/css/bootstrap-select.css ./node_modules/select2/dist/css/select2.css ./node_modules/rangeslider.js/dist/rangeslider.css ./node_modules/ion-rangeSlider/css/ion.rangeSlider.css ./node_modules/ion-rangeSlider/css/ion.rangeSlider.skinFlat.css ./node_modules/dropzone/dist/dropzone.css ./node_modules/summernote/dist/summernote.css ./node_modules/bootstrap-markdown/css/bootstrap-markdown.min.css ./node_modules/animate.css/animate.min.css ./node_modules/toastr/build/toastr.css ./node_modules/jstree/dist/themes/default/style.css ./node_modules/morris.js/morris.css ./node_modules/chartist/dist/chartist.css ./node_modules/socicon/css/socicon.css ./node_modules/font-awesome/css/font-awesome.css ./node_modules/quill/dist/quill.core.css ./node_modules/quill/dist/quill.snow.css ./node_modules/famfamfam-flags/dist/sprite/famfamfam-flags.css ./node_modules/primeng/resources/primeng.min.css ./node_modules/primeng/resources/themes/bootstrap/theme.css ./node_modules/bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.min.css ./src/assets/metronic/src/vendors/line-awesome/css/line-awesome.css ./src/assets/metronic/src/vendors/flaticon/css/flaticon.css ./src/assets/metronic/src/vendors/metronic/css/styles.css ./src/assets/metronic/dist/html/default/assets/demo/default/base/style.bundle.css ./src/assets/metronic/4x/datatables/datatables.min.css ./src/assets/metronic/4x/datatables/plugins/bootstrap/datatables.bootstrap.css ./src/assets/metronic/4x/css/invoice.css ./src/assets/Jcrop/css/Jcrop.css ./src/assets/primeng/datatable/css/primeng.datatable.css ./src/assets/primeng/file-upload/css/primeng.file-upload.css ./src/assets/primeng/autocomplete/css/primeng.autocomplete.css ./src/assets/common/styles/metronic-customize.less ./src/assets/common/styles/metronic-customize-angular.less ./src/assets/metronic/4x/css/pricing.min.css ./src/app/shared/core.less ./src/app/shared/layout/layout.less ./src/assets/fonts/fonts-poppins.css ./src/assets/fonts/fonts-roboto.css ./src/styles.css Module not found: Error: Can't resolve '/home/huyta/Repos/invoicesys/angular/node_modules/ion-rangeSlider/css/ion.rangeSlider.skinFlat.css' in '/home/huyta/Repos/invoicesys/angular'

Any helps is much appreciated Thank you


7 Answer(s)
  • User Avatar
    0
    alirizaadiyahsi created

    Did you run yarncommand before npm start ?

    Could you try to remove node_modules folder and run yarncommand to install packages again?

  • User Avatar
    0
    talehoang created

    <cite>alirizaadiyahsi: </cite> Did you run yarncommand before npm start ?

    Could you try to remove node_modules folder and run yarncommand to install packages again?

    Yes, i ran yarn before npm start. also, i removed node_modules folder many times and then run yarn command again many time as well

    Thanks

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Do you have "ion-rangeslider" in package.json <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/package.json#L62">https://github.com/aspnetzero/aspnet-ze ... e.json#L62</a> ?

    If so, could you also check if you have

    node_modules/ion-rangeSlider/css/ion.rangeSlider.skinFlat.css
    

    and

    node_modules/ion-rangeSlider/css/ion.rangeSlider.css
    

    files ?

  • User Avatar
    0
    asiena created

    Did you figure this out? I'm having the same problem and when i go and look for the files, they're all there

  • User Avatar
    0
    ismcagdas created
    Support Team

    @asiena, have you tried to remove node_modules folder and re-install it using yarn ?

  • User Avatar
    0
    asiena created

    Yes, and that was obviously not it. So the problem is that in the angular.json file, ion-rangeslider is not capitalized correctly. This is not a problem in windows as dir paths are not case-sensitive. But in linux this is a problem. Go through your node_modules folder after yarn and make sure ion-rangeslider (and all paths) are correctly capitalized.

  • User Avatar
    0
    alper created
    Support Team

    hi,

    my node_modules path for ion-rangeslider

    D:\Github\aspnet-zero-core\angular\node_modules\ion-rangeslider
    

    angular.json

    "node_modules/ion-rangeslider/css/ion.rangeSlider.css",
    "node_modules/ion-rangeslider/css/ion.rangeSlider.skinFlat.css",
    

    so they are identical. is it different in your code?