"UI" compiled with errors on icons.

[felek000]

Hello, I have project.

info

Global packages
  NPM - 10.2.4
  yarn - 1.22.22
  @quasar/cli - 2.4.1
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.16.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.13.2 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.16.11 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - 1.1.0 -- Official ESLint plugin for Quasar
  vue - 3.4.20 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.1.6
  pinia - Not installed
  vuex - 4.1.0 -- state management for Vue.js
  electron - 21.4.3 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.21.4 -- Babel compiler core.
  webpack - 5.92.0 -- Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.11.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - 7.0.0 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.9.4 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - 4.7.3 -- Capacitor: Cross-platform apps with JavaScript and the web
  @capacitor/cli - 4.7.3 -- Capacitor: Cross-platform apps with JavaScript and the web
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  @quasar/quasar-app-extension-dotenv - 1.1.0 -- Load .env variables into your quasar project
  @quasar/quasar-app-extension-testing - 1.0.3 -- A Quasar App Extension for managing Test Harnesses

dependency

{
  "dependencies": {
    "@capacitor/camera": "^4.1.4",
    "@capacitor/cli": "^4.7.0",
    "@capacitor/core": "^4.7.0",
    "@capacitor/geolocation": "^4.1.0",
    "@ionic/pwa-elements": "^3.1.1",
    "@quasar/cli": "2.4.1",
    "@quasar/extras": "^1.16.11",
    "@quasar/quasar-app-extension-qenv": "^1.1.0",
    "@twilio/video-processors": "^2.1.0",
    "@vue/compiler-sfc": "^3.4.19",
    "@vueuse/components": "^10.6.1",
    "@vueuse/core": "^10.6.1",
    "axios": "^0.18.1",
    "babel-loader": "^9.1.3",
    "core-js": "^3.6.5",
    "dayjs": "^1.10.2",
    "dexie": "^3.2.3",
    "downloadjs": "^1.4.7",
    "eslint-webpack-plugin": "^4.0.0",
    "file-saver": "^2.0.5",
    "hammerjs": "^2.0.8",
    "idb": "^6.0.0",
    "install": "^0.13.0",
    "jszip": "^3.5.0",
    "lodash-es": "^4.17.15",
    "mic-check": "^1.1.0",
    "quasar": "2.16.4",
    "rxjs": "^6.6.3",
    "rxjs-for-await": "^0.0.2",
    "sass": "1.33.0",
    "simple-crypto-js": "^3.0.0",
    "twilio-video": "^2.28.1",
    "vue": "^3.4.19",
    "vue-i18n": "^9.2.2",
    "vue-offline": "^2.0.8",
    "vue-router": "4",
    "vue-router-multiguard": "^1.0.3",
    "vuex": "4",
    "workerize-loader": "^1.3.0",
    "xstate": "^4.38.1"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.0.0",
    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
    "@intlify/vue-i18n-loader": "^4.2.0",
    "@quasar/app-webpack": "3.13.2",
    "@quasar/quasar-app-extension-dotenv": "^1.1.0",
    "@quasar/quasar-app-extension-testing": "^1.0.3",
    "@vue/devtools": "^6.5.0",
    "cross-env": "^7.0.2",
    "dotenv": "^16.4.5",
    "eslint": "^7.14.0",
    "eslint-config-prettier": "^6.9.0",
    "eslint-config-standard": "^16.0.2",
    "eslint-plugin-import": "^2.19.1",
    "eslint-plugin-jest": "^24.1.0",
    "eslint-plugin-node": "^11.0.0",
    "eslint-plugin-promise": "^5.1.0",
    "eslint-plugin-quasar": "^1.0.0",
    "eslint-plugin-vue": "^7.0.0",
    "sass-loader": "12.0.0",
    "workbox-webpack-plugin": "^7.0.0"
  }
}

On local machine build works fine. On server i have following error.

 App •  DONE  • "UI" compiled with errors • 69990ms

 App •  ERROR  •  UI  in ./node_modules/@quasar/extras/material-icons/material-icons.css

Syntax Error: HookWebpackError: Module build failed (from ./node_modules/url-loader/dist/cjs.js):
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at getHashDigest (/var/www/front/node_modules/loader-utils/lib/getHashDigest.js:46:34)
    at /var/www/front/node_modules/loader-utils/lib/interpolateName.js:113:11
    at String.replace (<anonymous>)
    at interpolateName (/var/www/front/node_modules/loader-utils/lib/interpolateName.js:110:8)
    at Object.loader (/var/www/front/node_modules/file-loader/dist/index.js:29:48)
    at Object.loader (/var/www/front/node_modules/url-loader/dist/index.js:127:19)
    at tryRunOrWebpackError (/var/www/front/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5246:12)
    at __webpack_require__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5203:18)
    at Module.<anonymous> (/var/www/front/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!/var/www/front/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!/var/www/front/node_modules/@quasar/extras/material-icons/material-icons.css:15:64)
    at /var/www/front/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:456:10
    at Hook.eval [as call] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5248:39
    at tryRunOrWebpackError (/var/www/front/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5246:12)
    at __webpack_require__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5203:18)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5275:20
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at done (/var/www/front/node_modules/neo-async/async.js:3527:9)
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5181:43
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3482:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5143:16
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at done (/var/www/front/node_modules/neo-async/async.js:3527:9)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5057:8
    at /var/www/front/node_modules/webpack/lib/Compilation.js:3495:6
    at /var/www/front/node_modules/webpack/lib/HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Cache.store (/var/www/front/node_modules/webpack/lib/Cache.js:113:20)
    at ItemCacheFacade.store (/var/www/front/node_modules/webpack/lib/CacheFacade.js:141:15)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:3494:11
    at /var/www/front/node_modules/webpack/lib/Cache.js:99:5
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Cache.get (/var/www/front/node_modules/webpack/lib/Cache.js:81:18)
    at ItemCacheFacade.get (/var/www/front/node_modules/webpack/lib/CacheFacade.js:115:15)
    at Compilation._codeGenerationModule (/var/www/front/node_modules/webpack/lib/Compilation.js:3462:9)
    at codeGen (/var/www/front/node_modules/webpack/lib/Compilation.js:5045:11)
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3482:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5111:15
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5075:14
    at processQueue (/var/www/front/node_modules/webpack/lib/util/processAsyncTree.js:61:4)
    at processTicksAndRejections (node:internal/process/task_queues:77:11)
    at runNextTicks (node:internal/process/task_queues:64:3)
    at process.processImmediate (node:internal/timers:447:9)
-- inner error --
Error: Module build failed (from ./node_modules/url-loader/dist/cjs.js):
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at getHashDigest (/var/www/front/node_modules/loader-utils/lib/getHashDigest.js:46:34)
    at /var/www/front/node_modules/loader-utils/lib/interpolateName.js:113:11
    at String.replace (<anonymous>)
    at interpolateName (/var/www/front/node_modules/loader-utils/lib/interpolateName.js:110:8)
    at Object.loader (/var/www/front/node_modules/file-loader/dist/index.js:29:48)
    at Object.loader (/var/www/front/node_modules/url-loader/dist/index.js:127:19)
    at Object.<anonymous> (/var/www/front/node_modules/url-loader/dist/cjs.js??clonedRuleSet-4.use[0]!/var/www/front/node_modules/@quasar/extras/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2:1:7)
    at /var/www/front/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:456:10
    at Hook.eval [as call] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5248:39
    at tryRunOrWebpackError (/var/www/front/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5246:12)
    at __webpack_require__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5203:18)
    at Module.<anonymous> (/var/www/front/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!/var/www/front/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!/var/www/front/node_modules/@quasar/extras/material-icons/material-icons.css:15:64)
    at /var/www/front/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:456:10
    at Hook.eval [as call] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5248:39
    at tryRunOrWebpackError (/var/www/front/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5246:12)
    at __webpack_require__ (/var/www/front/node_modules/webpack/lib/Compilation.js:5203:18)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5275:20
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at done (/var/www/front/node_modules/neo-async/async.js:3527:9)
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5181:43
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3482:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5143:16
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at done (/var/www/front/node_modules/neo-async/async.js:3527:9)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5057:8
    at /var/www/front/node_modules/webpack/lib/Compilation.js:3495:6
    at /var/www/front/node_modules/webpack/lib/HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Cache.store (/var/www/front/node_modules/webpack/lib/Cache.js:113:20)
    at ItemCacheFacade.store (/var/www/front/node_modules/webpack/lib/CacheFacade.js:141:15)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:3494:11
    at /var/www/front/node_modules/webpack/lib/Cache.js:99:5
    at Hook.eval [as callAsync] (eval at create (/var/www/front/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Cache.get (/var/www/front/node_modules/webpack/lib/Cache.js:81:18)
    at ItemCacheFacade.get (/var/www/front/node_modules/webpack/lib/CacheFacade.js:115:15)
    at Compilation._codeGenerationModule (/var/www/front/node_modules/webpack/lib/Compilation.js:3462:9)
    at codeGen (/var/www/front/node_modules/webpack/lib/Compilation.js:5045:11)
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3482:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5111:15
    at symbolIterator (/var/www/front/node_modules/neo-async/async.js:3485:9)
    at timesSync (/var/www/front/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/var/www/front/node_modules/neo-async/async.js:3463:5)
    at /var/www/front/node_modules/webpack/lib/Compilation.js:5075:14
    at processQueue (/var/www/front/node_modules/webpack/lib/util/processAsyncTree.js:61:4)
    at processTicksAndRejections (node:internal/process/task_queues:77:11)
    at runNextTicks (node:internal/process/task_queues:64:3)
    at process.processImmediate (node:internal/timers:447:9)

Generated code for /var/www/front/node_modules/url-loader/dist/cjs.js??clonedRuleSet-4.use[0]!/var/www/front/node_modules/@quasar/extras/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2
1 | throw new Error("Module build failed (from ./node_modules/url-loader/dist/cjs.js):\nError: error:0308010C:digital envelope routines::unsupported\n    at new Hash (node:internal/crypto/hash:69:19)\n    at Object.createHash (node:crypto:133:10)\n    at getHashDigest (/var/www/front/node_modules/loader-utils/lib/getHashDigest.js:46:34)\n    at /var/www/front/node_modules/loader-utils/lib/interpolateName.js:113:11\n    at String.replace (<anonymous>)\n    at interpolateName (/var/www/front/node_modules/loader-utils/lib/interpolateName.js:110:8)\n    at Object.loader (/var/www/front/node_modules/file-loader/dist/index.js:29:48)\n    at Object.loader (/var/www/front/node_modules/url-loader/dist/index.js:127:19)");

Generated code for /var/www/front/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!/var/www/front/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!/var/www/front/node_modules/@quasar/extras/material-icons/material-icons.css
 1 | __webpack_require__.r(__webpack_exports__);
 2 | /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 3 | /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 4 | /* harmony export */ });
 5 | /* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("/var/www/front/node_modules/@quasar/app-webpack/lib/webpack/loader.js.transform-quasar-imports.js!/var/www/front/node_modules/css-loader/dist/runtime/noSourceMaps.js");
 6 | /* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
 7 | /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("/var/www/front/node_modules/@quasar/app-webpack/lib/webpack/loader.js.transform-quasar-imports.js!/var/www/front/node_modules/css-loader/dist/runtime/api.js");
 8 | /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
 9 | /* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("/var/www/front/node_modules/@quasar/app-webpack/lib/webpack/loader.js.transform-quasar-imports.js!/var/www/front/node_modules/css-loader/dist/runtime/getUrl.js");
10 | /* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
11 | // Imports
12 |
13 |
14 |
15 | var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__("/var/www/front/node_modules/url-loader/dist/cjs.js??clonedRuleSet-4.use[0]!/var/www/front/node_modules/@quasar/extras/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2"), __webpack_require__.b);
16 | var ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__("/var/www/front/node_modules/url-loader/dist/cjs.js??clonedRuleSet-4.use[0]!/var/www/front/node_modules/@quasar/extras/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff"), __webpack_require__.b);
17 | var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
18 | var ___CSS_LOADER_URL_REPLACEMENT_0___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
19 | var ___CSS_LOADER_URL_REPLACEMENT_1___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);
20 | // Module
21 | ___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n  font-family: 'Material Icons';\n  font-style: normal;\n  font-weight: 400;\n  font-display: block;\n  src: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") format('woff2'), url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") format('woff');\n}\n\n.material-icons {\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n}\n", ""]);
22 | // Exports
23 | /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
24 |