Base solution for your next web application
Open Closed

Error (npm run hmr) Angular + Core 8.4 | Error in Multi etc #8776


User avatar
0
AuroraBMS created

Good day,

I downlaoded 8.4 now and started trying to get it up and runing to start migrating our projects.

The base version (unmodified) I tried to "npm run hmr" to start debuging.

The below is the error that I am getting:

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 'C:\8.4.0---BRM-License\angular\node_modules\ion-rangeSlider\css\ion.rangeSlider.skinFlat.css' in 'C:\8.4.0---BRM-License\angular'

Could you please assist.

Regards, Gideon Badenhorst


8 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @AuroraBMS,

    Did you tried npm start ? Does that work ?

  • User Avatar
    0
    AuroraBMS created

    Hi,

    Yes, tried it, same error.

  • User Avatar
    0
    AuroraBMS created

    Is there any major changes between 8.2.1 and 8.4 relating to the angular project and how it operates?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    No, there is not much changes. Did you try to remove node_modules and install via yarn agian and try to run "npm start" ?

    If you are still having this problem, could you share your project via email with [email protected] ?

  • User Avatar
    0
    AuroraBMS created

    Hi,

    I tried that with both "yarn install" and also just "yarn".

    Still get the same issue.

    If I do this with 8.2.1 I do not experience any issues.

    I have sent an email with a link to the project excluding the Node_modules.

  • User Avatar
    0
    AuroraBMS created

    Hi,

    Any update on this?

    I need to start working on this migration quite urgently.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Please replace content of your angular-cli.kson with the one below. It seems like path of ion-rangeslider is wrong in your file.

    {
      "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
      "project": {
        "name": "abp-zero-template"
      },
      "apps": [
        {
          "root": "src",
          "outDir": "dist",
          "assets": [
            "assets",
            "favicon.ico",
            {
              "glob": "abp.signalr.js",
              "input": "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/",
              "output": "./assets/abp/"
            },
            {
              "glob": "**.*",
              "input": "../node_modules/bootstrap-select/dist/js/i18n/",
              "output": "./assets/localization/bootstrap-select/"
            },
            {
              "glob": "**.*",
              "input": "../node_modules/timeago/locales/",
              "output": "./assets/localization/jquery-timeago/"
            }
          ],
          "index": "index.html",
          "main": "main.ts",
          "polyfills": "polyfills.ts",
          "test": "test.ts",
          "tsconfig": "tsconfig.json",
          "prefix": "app",
          "styles": [
            "../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/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",
    
            "./assets/metronic/src/vendors/line-awesome/css/line-awesome.css",
            "./assets/metronic/src/vendors/flaticon/css/flaticon.css",
            "./assets/metronic/src/vendors/metronic/css/styles.css",
            "./assets/metronic/dist/html/default/assets/demo/default/base/style.bundle.css",
            "./assets/metronic/4x/datatables/datatables.min.css",
            "./assets/metronic/4x/datatables/plugins/bootstrap/datatables.bootstrap.css",
            "./assets/metronic/4x/css/invoice.css",
            "./assets/Jcrop/css/Jcrop.css",
    
            "./assets/primeng/datatable/css/primeng.datatable.css",
            "./assets/primeng/file-upload/css/primeng.file-upload.css",
            "./assets/primeng/autocomplete/css/primeng.autocomplete.css",
    
            "./assets/common/styles/metronic-customize.less",
            "./assets/common/styles/metronic-customize-angular.less",
    
            "./assets/metronic/4x/css/pricing.min.css",
    
            "../src/app/shared/core.less",
            "../src/app/shared/layout/layout.less",
    
            "./assets/fonts/fonts-poppins.css",
            "./assets/fonts/fonts-roboto.css",
    
            "styles.css"
          ],
          "scripts": [
            "../node_modules/jquery/dist/jquery.js",
            "../node_modules/jquery-validation/dist/jquery.validate.js",
            "../node_modules/popper.js/dist/umd/popper.js",
            "../node_modules/bootstrap/dist/js/bootstrap.js",
            "../node_modules/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js",
            "../node_modules/jquery-slimscroll/jquery.slimscroll.js",
            "../node_modules/js-cookie/src/js.cookie.js",
            "../node_modules/jquery.uniform/dist/js/jquery.uniform.standalone.js",
            "../node_modules/jquery-form/src/jquery.form.js",
            "../node_modules/timeago/jquery.timeago.js",
            "../node_modules/signalr/jquery.signalR.js",
            "../node_modules/localforage/dist/localforage.js",
            "../node_modules/morris.js/morris.js",
            "../node_modules/chartist/dist/chartist.js",
            "../node_modules/raphael/raphael.js",
            "../node_modules/jquery-sparkline/jquery.sparkline.js",
            "../node_modules/jstree/dist/jstree.js",
            "../node_modules/bootstrap-switch/dist/js/bootstrap-switch.js",
            "../node_modules/spin.js/spin.js",
            "../node_modules/spin.js/jquery.spin.js",
            "../node_modules/block-ui/jquery.blockUI.js",
            "../node_modules/sweetalert/dist/sweetalert.min.js",
            "../node_modules/toastr/toastr.js",
            "../node_modules/moment/min/moment-with-locales.js",
            "../node_modules/moment-timezone/builds/moment-timezone-with-data.js",
            "../node_modules/bootstrap-daterangepicker/daterangepicker.js",
            "../node_modules/bootstrap-select/dist/js/bootstrap-select.js",
            "../node_modules/underscore/underscore.js",
            "../node_modules/mustache/mustache.js",
            "../node_modules/tether/dist/js/tether.js",
            "../node_modules/push.js/bin/push.js",
            "../node_modules/js-url/url.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/abp.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.jquery.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.toastr.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.blockUI.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.spin.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.sweet-alert.js",
            "../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js",
            "../node_modules/select2/dist/js/select2.js",
            "../node_modules/bootstrap-notify/bootstrap-notify.min.js",
            "../node_modules/chart.js/dist/Chart.bundle.min.js",
            "../node_modules/bootstrap-markdown/js/bootstrap-markdown.js",
    
            "../node_modules/bootstrap-timepicker/js/bootstrap-timepicker.min.js",
            "../node_modules/jquery-mousewheel/jquery.mousewheel.js",
            "../node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.js",
            "../node_modules/flot/jquery.flot.js",
            "../node_modules/flot/jquery.flot.pie.js",
            "../node_modules/flot/jquery.flot.resize.js",
            "../node_modules/flot/jquery.flot.categories.js",
            "../node_modules/flot/jquery.flot.time.js",
            "../node_modules/waypoints/lib/jquery.waypoints.min.js",
            "../node_modules/jquery.flot.tooltip/js/jquery.flot.tooltip.min.js",
            "../node_modules/topojson/dist/topojson.min.js",
            "../node_modules/d3/d3.js",
            "../node_modules/datamaps/dist/datamaps.world.min.js",
            "../node_modules/easy-pie-chart/dist/easypiechart.js",
            "../node_modules/jquery.inputmask/dist/jquery.inputmask.bundle.js",
            "../node_modules/quill/dist/quill.js",
            "../node_modules/bootstrap4-datetimepicker/build/js/bootstrap-datetimepicker.min.js",
    
            "./assets/bootstrap4-datepicker/defaults.js",
    
            "./assets/Jcrop/js/jquery.color.js",
            "./assets/Jcrop/js/Jcrop.js",
            "./assets/metronic/src/js/framework/base/app.js",
            "./assets/metronic/src/js/framework/base/util.js",
            "./assets/metronic/src/js/framework/components/general/animate.js",
            "./assets/metronic/src/js/framework/components/general/datatable.js",
            "./assets/metronic/src/js/framework/components/general/dropdown.js",
            "./assets/metronic/src/js/framework/components/general/example.js",
            "./assets/metronic/src/js/framework/components/general/header.js",
            "./assets/metronic/src/js/framework/components/general/menu.js",
            "./assets/metronic/src/js/framework/components/general/messenger.js",
            "./assets/metronic/src/js/framework/components/general/offcanvas.js",
            "./assets/metronic/src/js/framework/components/general/portlet.js",
            "./assets/metronic/src/js/framework/components/general/quicksearch.js",
            "./assets/metronic/src/js/framework/components/general/scroll-top.js",
            "./assets/metronic/src/js/framework/components/general/toggle.js",
            "./assets/metronic/src/js/framework/components/plugins/base/bootstrap-notify.init.js",
            "./assets/metronic/src/js/framework/components/plugins/base/toastr.init.js",
            "./assets/metronic/src/js/framework/components/plugins/charts/chart.init.js",
            "./assets/metronic/src/js/framework/components/plugins/forms/bootstrap-daterangepicker.init.js",
            "./assets/metronic/src/js/framework/components/plugins/forms/bootstrap-markdown.init.js",
            "./assets/metronic/src/js/framework/components/plugins/forms/bootstrap-switch.init.js",
            "./assets/metronic/src/js/framework/components/plugins/forms/bootstrap-timepicker.init.js",
            "./assets/metronic/src/js/framework/components/plugins/forms/jquery-validation.init.js",
            "./assets/metronic/src/js/app/base/main.js",
            "./assets/metronic/src/js/demo/default/base/layout.js"
          ],
          "environmentSource": "environments/environment.ts",
          "environments": {
            "dev": "environments/environment.ts",
            "hmr": "environments/environment.hmr.ts",
            "prod": "environments/environment.prod.ts"
          }
        }
      ],
      "e2e": {
        "protractor": {
          "config": "./protractor.conf.js"
        }
      },
      "lint": [
        {
          "files": "src/**/*.ts",
          "project": "src/tsconfig.json"
        },
        {
          "files": "e2e/**/*.ts",
          "project": "e2e/tsconfig.json"
        }
      ],
      "test": {
        "karma": {
          "config": "./karma.conf.js"
        }
      },
      "defaults": {
        "styleExt": "css",
        "component": {}
      }
    }
    
    
  • User Avatar
    0
    AuroraBMS created

    Perfect! It works, thank you ismcagdas!