Base solution for your next web application

Activities of "timmackey"

Reinstalling did not solve the issue.

How does one "build Metronic"?

The link referenced above says "The build config file is located at[metronic]/theme/html/tools/gulp.config.json". My project does not have an 'html' folder in any theme.

I can't get access to Metronic Github (and, I assume, the build tools) without a license. Do I need to buy a license from Metronic to implement your suggestion?

If you know what the steps are to accomplish your suggestion, would you please write them out here?

ANZ 10.0.0 Angular/Core

The reference link provided is not helpful. Please provide some additional ANZ-specific guidance. Thank you.

Dynamic bundles are created every time npm start is run. So, yes.

I'm abandoning this approach temporarily. Going directly to 11.0.1.

The proposed solution requires changing the input on 52 ANZ-authored files, Build then reports 50 new errors.

This can't be the solution, since vanilla ver 8.4.0 builds and runs without error. Only when I add my app-specific modules does the error appear. I'm not able to determine which modules(s) cause the error.

My app builds and runs without error for ver 8.3.1

please check email for angular project files

angular.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "abp-zero-template": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.json",
            "polyfills": "src/polyfills.ts",
            "preserveSymlinks": true,
            "assets": [
              "src/assets",
              "src/metronic",
              "src/favicon.ico",
              {
                "glob": "abp.signalr-client.js",
                "input": "node_modules/abp-web-resources/Abp/Framework/scripts/libs",
                "output": "/assets/abp"
                },
                {
                    "glob": "**/*",
                    "input": "node_modules/@fortawesome",
                    "output": "/assets/@fortawesome"
              }
            ],
            "styles": [
              "node_modules/animate.css/animate.min.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/nova-light/theme.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/sweetalert2/dist/sweetalert2.css",
              "node_modules/cookieconsent/build/cookieconsent.min.css",
                "node_modules/primeflex/primeflex.css",
              "src/assets/primeng/file-upload/css/primeng.file-upload.css",
              "src/assets/primeng/autocomplete/css/primeng.autocomplete.css",
              "src/assets/primeng/tree/css/primeng.tree.css",
              "src/assets/primeng/context-menu/css/primeng.context-menu.css",

              "src/assets/fonts/fonts-poppins.css",
              "src/assets/fonts/fonts-roboto.css",

              "src/assets/ngx-bootstrap/bs-datepicker.css",

              "src/assets/metronic/vendors/global/vendors.bundle.css",
                "node_modules/@fortawesome/fontawesome-pro/css/all.css",
              "src/app/shared/core.less",
              "src/app/shared/layout/layout.less",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/@microsoft/signalr/dist/browser/signalr.min.js",
              "node_modules/localforage/dist/localforage.js",
              "node_modules/moment/min/moment-with-locales.js",
              "node_modules/moment-timezone/builds/moment-timezone-with-data.js",
              "node_modules/push.js/bin/push.js",
              "node_modules/quill/dist/quill.js",
              "node_modules/sweetalert2/dist/sweetalert2.js",
              "node_modules/cookieconsent/build/cookieconsent.min.js",

              "src/assets/abp-web-resources/abp.js",
              "src/assets/abp-web-resources/abp.sweet-alert.js",
              "src/assets/abp-web-resources/abp.notify.js",
              "src/assets/canvas-toBlob/canvas-toBlob.js",
              "node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js",

              "src/assets/metronic/vendors/global/vendors.bundle.js",
              "src/assets/metronic/common/js/scripts.bundle.js",

              "node_modules/dwt/dist/dynamsoft.webtwain.min.js"
            ]
          },
          "configurations": {
            "hmr": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.hmr.ts"
                }
              ]
            },
            "production": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            },
            "staging": {
                "optimization": true,
                "outputHashing": "all",
                "sourceMap": false,
                "extractCss": true,
                "namedChunks": false,
                "aot": true,
                "extractLicenses": true,
                "vendorChunk": false,
                "buildOptimizer": true,
                "fileReplacements": [
                    {
                        "replace": "src/environments/environment.ts",
                        "with": "src/environments/environment.stage.ts"
                    }
                ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "abp-zero-template:build"
          },
          "configurations": {
            "hmr": {
              "browserTarget": "abp-zero-template:build:hmr"
            },
            "production": {
              "browserTarget": "abp-zero-template:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "abp-zero-template:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "tsConfig": "src/tsconfig.json",
            "main": "src/test.ts",
            "karmaConfig": "./karma.conf.js",
            "polyfills": "src/polyfills.ts",
            "styles": [
              "node_modules/animate.css/animate.min.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/nova-light/theme.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/sweetalert2/dist/sweetalert2.css",
              "node_modules/cookieconsent/build/cookieconsent.min.css",

              "src/assets/primeng/file-upload/css/primeng.file-upload.css",
              "src/assets/primeng/autocomplete/css/primeng.autocomplete.css",
              "src/assets/primeng/tree/css/primeng.tree.css",
              "src/assets/primeng/context-menu/css/primeng.context-menu.css",

              "src/assets/fonts/fonts-poppins.css",
              "src/assets/fonts/fonts-roboto.css",

              "src/assets/ngx-bootstrap/bs-datepicker.css",

              "src/assets/metronic/vendors/global/vendors.bundle.css",
              "src/assets/@fortawesome/fontawesome-pro/css/all.css",
              
              "src/app/shared/core.less",
              "src/app/shared/layout/layout.less",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/@microsoft/signalr/dist/browser/signalr.min.js",
              "node_modules/localforage/dist/localforage.js",
              "node_modules/moment/min/moment-with-locales.js",
              "node_modules/moment-timezone/builds/moment-timezone-with-data.js",
              "node_modules/push.js/bin/push.js",
              "node_modules/quill/dist/quill.js",
              "node_modules/sweetalert2/dist/sweetalert2.js",
              "node_modules/cookieconsent/build/cookieconsent.min.js",

              "src/assets/abp-web-resources/abp.js",
              "src/assets/abp-web-resources/abp.sweet-alert.js",
              "src/assets/abp-web-resources/abp.notify.js",
              "src/assets/canvas-toBlob/canvas-toBlob.js",
              "node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js",

              "src/assets/metronic/vendors/global/vendors.bundle.js",
              "src/assets/metronic/common/js/scripts.bundle.js"
            ],
            "assets": [
              "src/assets",
              "src/favicon.ico",
              {
                "glob": "abp.signalr-client.js",
                "input": "node_modules/abp-web-resources/Abp/Framework/scripts/libs",
                "output": "/assets/abp"
              }
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.json"
            ],
            "exclude": []
          }
        }
      }
    },
    "abp-zero-template-e2e": {
      "root": "",
      "sourceRoot": "",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "./protractor.conf.js",
            "devServerTarget": "abp-zero-template:serve",
            "port": 4200
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "e2e/tsconfig.json"
            ],
            "exclude": []
          }
        }
      }
    }
  },
  "defaultProject": "abp-zero-template",
  "schematics": {
    "@schematics/angular:component": {
      "prefix": "app",
      "styleext": "css"
    },
    "@schematics/angular:directive": {
      "prefix": "app"
    }
  }
}
Answer

Updating gulpFile.js with the latest version fixed my problem. Thank you. Now a different problem has arisen. See new ticket.

Answer

Deleted node_modules folder, package-lock.json, and yarn.lock files. Ran yarn. Same response.


C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular>npm start

> [email protected] start
> gulp buildDev && ng serve --host 0.0.0.0 --port 4200

[09:24:26] Using gulpfile ~\Documents\__ngTTMv840\ngTTM\angular\gulpfile.js
[09:24:26] Starting 'buildDev'...
[09:24:26] 'buildDev' errored after 77 ms
[09:24:26] Error: Invalid glob argument:
    at Gulp.src (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\node_modules\vinyl-fs\lib\src\index.js:20:11)
    at createStyleBundle (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\gulpfile.js:96:23)
    at createStyleBundles (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\gulpfile.js:84:13)
    at buildDev (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\gulpfile.js:129:22)
    at taskWrapper (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\node_modules\undertaker\lib\set-task.js:13:15)
    at bound (node:domain:421:15)
    at runBound (node:domain:432:12)
    at asyncRunner (C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular\node_modules\async-done\index.js:55:18)
    at processTicksAndRejections (node:internal/process/task_queues:78:11)

C:\Users\Tim\Documents\__ngTTMv840\ngTTM\angular>

package-lock.json file was not recreated.

Showing 11 to 20 of 285 entries