18 comments found.
WebSocketClient.js:19 WebSocket connection to ‘wss://u.citfrix.com:8000/ws’ failed: WebSocketClient @ WebSocketClient.js:19 initSocket @ socket.js:36 eval @ socket.js:63Understand this error index.js:602 [webpack-dev-server] Event {isTrusted: true, type: ‘error’, target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …} i bought simple html template not WebSocket, why its showing in console??
Hi,
The WebSocket message you see is only used in development mode by Node.js / webpack-dev-server for hot reload and live updates.
It is not part of the HTML template itself, and it will not appear in production or when you upload the files to a normal hosting server.
Since you bought a simple HTML template, you can safely ignore this message. It comes from the local development environment, not from the template features.
Once you build or deploy the template without the dev server, the WebSocket error will disappear.
Best Regards, Sean.
i have upload template at hosting server already at https://u.citfrix.com/template/dist/index.html tell me how to remove websocket, i don’t want websocket and any error in console
give me complete build template or refund my money, i don’t know fucking node.js socket
Hi lotusaff,
Here’s the latest setup to remove the WebSocket and build the template without errors:
1. Update the configuration files:
package.json https://pastebin.com/u7PRfCNN webpack.config.js https://pastebin.com/zVNCCbsH2. Run in your project folder:
npm install—force
npm run build
This will generate the latest app.min.js without WebSocket.
If you don’t want to use npm at all, here is the precompiled app.min.js that you can directly replace in your project: app.min.js https://pastebin.com/e5gcEGYm
You can copy this to your server or your localhost, and it will work without WebSocket or console errors.
Keep it simple: either update and build using the new files, or just replace app.min.js with the one provided.
Best Regards, Sean.
i have replace full code of app.min.js with https://pastebin.com/e5gcEGYm here is is uploaded: https://u.citfrix.com/template/dist/assets/js/app.min.js but getting same socket error
Hi,
Kindly replace the vendor.min.js which will solve the issue. https://pastebin.com/HRT01bXKBest Regards, Sean.
This looks like a very polished admin template love the futuristic HUD design and the depth of built-in pages and plugins. Dashboards like this are perfect once your environment is properly set up, especially after you activate windows 10 pro for a smooth and stable development workflow.
Thank you 
form_elements.html “Textarea” and “Multiple select” The background color of the scrollbar is incorrect
Hi,
If you wish to change the form elements scrollbar color, you may use the following css to do so.
https://pastebin.com/G9eMNW24Best Regards, Sean.
All scrollbars in the template should have the same color. Page scrollbar or card scrollbar is grey but elements scrollbar is white, It is not like “hud template”.
Hi,
Hi, thanks for the feedback. Just to clarify, we don’t predefine or force a specific scrollbar color in the template. The scrollbars you’re seeing are the browser’s default styles, and these can look different depending on the browser and operating system. If you’d like them to be consistent (like in the HUD template), you’ll need to apply custom scrollbar styling in your project.
Besides that, if you want all the pages having the same scrollbar styling, you may use the full height page as the base to create your own application page.
Best Regards, Sean.
Please ask me how to make specific modifications
Hi,
Please note that our support scope does not include customization services. However, if you let us know the specific modifications you would like to make, we can provide guidance or point you to the relevant documentation where possible.
Best Regards, Sean.
Hello, Previously, I purchased the Quantum-Svelte Bootstrap 5 Admin Template. However, I just realized that I mistakenly bought the wrong version — I was actually looking for the HTML version. Would it be possible to exchange it for the correct one?
Thank you for your understanding.
Best regards, Buana Biru Teknindo
Hi,
Unfortunately, due to Envato’s policy, we are unable to exchange purchased items for a different version (such as from Svelte to HTML). Each version is sold as a separate product, and Envato does not allow direct exchanges after a purchase has been made.
Best Regards, Sean.
Today, I made a new purchase, but it only includes template_html. I need template_nextjs, template_react as well. How can I get them?
Hi,
Thank you for purchasing our template. For your information, our nextjs and react version is sell separately.
Best Regards, Sean.
Hi, I’m wondering why the icons appeared during online connections, I need the same on the offline mode
Hi,
Unfortunately, the iconify required internet access in order to load it properly. This is because we are using iconify to serve the icon instead of loading the whole bundle of icon into your app.
Best Regards, Sean.
Please add landing pages and blog pages (if possible)
Hi,
Thank you for your comment and suggestion. We will put it into our list of future updates.
Best Regards, Sean.
Good morning, I have purchased the quantum template license, how do I change it to light mode?
Hi,
Good morning, thank you for purchasing the Quantum template license! Currently, the template only includes a dark mode option and does not have a built-in light mode. Let us know if you need further assistance!
Best Regards, Sean.
Do you have a gulp compilation guide for Quantum?
Hi,
Unfortunately, due to envato review policy, we have dropped the gulp compilation in all our latest released template.
Best Regards, Sean.
Hi,
I have purchased and tried to set up on my development desktop however I’m having some issues during npm setup.
First of all when I ran “npm install”, I have 3 packages deprecated warnings.
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. npm warn deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supported npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
Also I tried to run “npm run dev”, I have a error message:
npm error Missing script: “dev”
I even tried to run “npm run build”, I still have another error message:
assets by status 98 MiB [cached] 9344 assets
Entrypoint vendor = assets/css/vendor.min.css assets/js/vendor.min.js 16 auxiliary assets
Entrypoint app = assets/css/app.min.css assets/js/app.min.js 2 auxiliary assets
orphan modules 874 KiB (javascript) 1.45 MiB (asset) 66.8 KiB (runtime) [orphan] 108 modules
runtime modules 60.6 KiB 26 modules
cacheable modules 1.05 MiB (javascript) 838 KiB (css/mini-extract)
modules by path ./node_modules/@popperjs/core/lib/ 68.8 KiB 39 modules
css modules 838 KiB
css ./node_modules/css-loader/dist/cjs.js./node_modules/@fortawesome/fontawesome-free/css/all.min.css 95.8 KiB built
css ./node_modules/css-loader/dist/cjs.js
./node_modules/jquery-ui-dist/jquery-ui.min.css 31.8 KiB built
+ 3 modules
modules by path ./.js 553 bytes
./webpack.vendor.js 497 bytes built
./webpack.app.js 56 bytes built
modules by path ./node_modules/mini-css-extract-plugin/dist/hmr/.js 5.92 KiB
./node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js 4.99 KiB built
./node_modules/mini-css-extract-plugin/dist/hmr/normalize-url.js 953 bytes built
+ 11 modules
WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
More info: https://sass-lang.com/d/legacy-js-api @ ./src/scss/styles.scss @ ./webpack.app.js 1:0-31
WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 4, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:4:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
4 | @import ‘_functions.scss’;
src\scss\styles.scss 5:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 5, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:5:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
5 | @import ‘_variables.scss’;
src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 6, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:6:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
6 | @import ‘node_modules/bootstrap/scss/bootstrap.scss’;
src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 7, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:7:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
7 | @import ‘_mixins.scss’;
src\scss\styles.scss 8:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 9, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:9:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
9 | @import ‘_root.scss’;
src\scss\styles.scss 10:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 36, column 10 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:36:10:
red() is deprecated. Suggestion:
color.channel($color, “red”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
36 | @return red($value), green($value), blue($value);
node_modules\bootstrap\scss\_functions.scss 37:11 to-rgb() node_modules\bootstrap\scss\_variables.scss 846:31 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 37, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:37:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
37 | font-family: $display-font-family;
node_modules\bootstrap\scss\_type.scss 38:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 38, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:38:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
38 | font-style: $display-font-style;
node_modules\bootstrap\scss\_type.scss 39:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 39, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:39:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
39 | font-weight: $display-font-weight;
node_modules\bootstrap\scss\_type.scss 40:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 70, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:70:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
70 | $gray-100: mix(#fff, $gray-500, 60%) !default;
src\scss\_variables.scss 71:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 71, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:71:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
71 | $gray-200: mix(#fff, $gray-500, 45%) !default;
src\scss\_variables.scss 72:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 72, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:72:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
72 | $gray-300: mix(#fff, $gray-500, 30%) !default;
src\scss\_variables.scss 73:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 73, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:73:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
73 | $gray-400: mix(#fff, $gray-500, 15%) !default;
src\scss\_variables.scss 74:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 75, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:75:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
75 | $gray-600: mix(#000, $gray-500, 15%) !default;
src\scss\_variables.scss 76:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 184, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:184:9:
red() is deprecated. Suggestion:
color.channel($color, “red”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
184 | “r”: red($color),
node_modules\bootstrap\scss\_functions.scss 185:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 185, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:185:9:
green() is deprecated. Suggestion:
color.channel($color, “green”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
185 | “g”: green($color),
node_modules\bootstrap\scss\_functions.scss 186:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 186, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:186:9:
blue() is deprecated. Suggestion:
color.channel($color, “blue”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
186 | “b”: blue($color)
node_modules\bootstrap\scss\_functions.scss 187:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 502, column 2 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_reboot.scss:502:2:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
502 | font-weight: $legend-font-weight;
node_modules\bootstrap\scss\_reboot.scss 503:3 @import node_modules\bootstrap\scss\bootstrap.scss 16:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 503, column 2 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_reboot.scss:503:2:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
503 | line-height: inherit;
node_modules\bootstrap\scss\_reboot.scss 504:3 @import node_modules\bootstrap\scss\bootstrap.scss 16:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 519, column 53 of file:///D:/TEST/SRC/src/scss/_variables.scss:519:53:
darken() is deprecated. Suggestions:
color.scale($color, $lightness: -55.1948051948%) color.adjust($color, $lightness: -10%)
More info: https://sass-lang.com/d/color-functions
519 | $app-loader-bg: rgba(darken($gray-900, 10%), .85) !default;
src\scss\_variables.scss 520:54 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
580 repetitive deprecation warnings omitted.
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31
ERROR in assets/plugins/jquery-migrate/test/runner/command.js assets/plugins/jquery-migrate/test/runner/command.js from Terser plugin Unexpected token name «getPlan», expected punc «,» [assets/plugins/jquery-migrate/test/runner/command.js:140,20] at js_error (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:536:11) at croak (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:1264:9) at token_error (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:1272:9) at expect_token (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:1285:9) at expect (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:1288:36) at call_args (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:3371:17) at subscripts (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:3281:30) at subscripts (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:3255:29) at expr_atom (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:2529:20) at maybe_unary (D:\TEST\SRC\node_modules\terser\dist\bundle.min.js:3392:19)
webpack 5.96.1 compiled with 1 error and 22 warnings in 36661 ms
Please advise me how to fix the issues.
I’m sorry for the long message!
Thank you!
Hi,
First of all, you may ignore the deprecated warning. It will not impact the functionality of the application as the feature remains usable despite being flagged as deprecated.
Secondly, we are using the npm run start instead of npm run dev command.
Best Regards, Sean.
Hi Sean,
I’m still getting a few more errors after running “npm run start”
<e> [webpack-dev-middleware] Error: ENOTEMPTY: directory not empty, rmdir ‘D:\TEST\SRC\dist\assets\css’ <e> at Object.rmdirSync (node:fs:1201:11) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:364:25) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 <e> at Array.forEach (<anonymous>) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:349:26) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at Function.rimrafSync [as sync] (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\del\index.js:65:11 { <e> errno: -4051, <e> code: ‘ENOTEMPTY’, <e> syscall: ‘rmdir’, <e> path: ‘D:\\TEST\\SRC\\dist\\assets\\css’ <e> }
After removing D:\TEST\SRC\dist\assets\css manually, I had another error below:
<e> [webpack-dev-middleware] Error: ENOTEMPTY: directory not empty, rmdir ‘D:\TEST\SRC\dist\assets\plugins\jquery-migrate\test\unit’ <e> at Object.rmdirSync (node:fs:1201:11) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:364:25) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 <e> at Array.forEach (<anonymous>) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:349:26) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 { <e> errno: -4051, <e> code: ‘ENOTEMPTY’, <e> syscall: ‘rmdir’, <e> path: ‘D:\\TEST\\SRC\\dist\\assets\\plugins\\jquery-migrate\\test\\unit’ <e> }
After removing D:\TEST\SRC\dist\assets\plugins\jquery-migrate\test\unit manually, I had another error below:
<e> [webpack-dev-middleware] Error: ENOTEMPTY: directory not empty, rmdir ‘D:\TEST\SRC\dist\assets\plugins\jquery-migrate\test’ <e> at Object.rmdirSync (node:fs:1201:11) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:364:25) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 <e> at Array.forEach (<anonymous>) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:349:26) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 { <e> errno: -4051, <e> code: ‘ENOTEMPTY’, <e> syscall: ‘rmdir’, <e> path: ‘D:\\TEST\\SRC\\dist\\assets\\plugins\\jquery-migrate\\test’ <e> }
After removing D:\TEST\SRC\dist\assets\plugins\jquery-migrate\test manually, I had another error below:
<e> [webpack-dev-middleware] Error: ENOTEMPTY: directory not empty, rmdir ‘D:\TEST\SRC\dist\assets\plugins\jquery-migrate\.github’ <e> at Object.rmdirSync (node:fs:1201:11) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:364:25) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 <e> at Array.forEach (<anonymous>) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:349:26) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 { <e> errno: -4051, <e> code: ‘ENOTEMPTY’, <e> syscall: ‘rmdir’, <e> path: ‘D:\\TEST\\SRC\\dist\\assets\\plugins\\jquery-migrate\\.github’ <e> }
After removing D:\TEST\SRC\dist\assets\plugins\jquery-migrate\.github manually, I had another error below:
<e> [webpack-dev-middleware] Error: ENOTEMPTY: directory not empty, rmdir ‘D:\TEST\SRC\dist\assets\plugins\datatables.net-colreorder’ <e> at Object.rmdirSync (node:fs:1201:11) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:364:25) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 <e> at Array.forEach (<anonymous>) <e> at rmkidsSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:349:26) <e> at rmdirSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:342:7) <e> at rimrafSync (D:\TEST\SRC\node_modules\rimraf\rimraf.js:312:9) <e> at D:\TEST\SRC\node_modules\rimraf\rimraf.js:350:5 { <e> errno: -4051, <e> code: ‘ENOTEMPTY’, <e> syscall: ‘rmdir’, <e> path: ‘D:\\TEST\\SRC\\dist\\assets\\plugins\\datatables.net-colreorder’ <e> }
I stopped removing the folders at this point.
Please advise me how to fix the issue.
Thanks
Hi,
Can you share the node js version that you are using right now?
Best Regards, Sean.
Node.js -> 22.11.0 (Windows version) NPM -> 10.9.0
Hi,
We have realise the error in latest version of node js which is v22.11.0. To have a quick fix on this, kindly revert back to the node js v20+ and we will release a patch for this issue very soon.
Best Regards, Sean.
Hi Sean,
The trick didn’t work.
So I removed dist/assets completely and I ran “npm run start” and I had no more the same errors.
Instead I have the following errors:
PS D:\TEST\SRC> npm run start
> quantum@1.0.0 start > webpack serve—mode development—open
<w> [webpack-dev-server] “hot: true” automatically applies HMR plugin, you don’t have to add it manually to your webpack configuration.
[webpack-dev-server] Project is running at:
[webpack-dev-server] Loopback: http://localhost:8000/, http://[::1]:8000/
[webpack-dev-server] On Your Network (IPv4): http://192.168.101.2:8000/
[webpack-dev-server] Content not from webpack is served from ‘D:\TEST\SRC\dist’ directory
[webpack-dev-middleware] wait until bundle finished: /
assets by path assets/plugins/ 87.8 MiB 8896 assets
assets by path assets/img/ 21.1 MiB 190 assets
assets by path assets/data/ 233 KiB 163 assets
assets by path .html 2.75 MiB
asset ui_icons.html 167 KiB [emitted]
+ 53 assets
assets by path assets/js/ 1.88 MiB 28 assets
assets by path assets/fonts/ 1.27 MiB 10 assets
assets by path assets/webfonts/ 998 KiB
assets by path assets/webfonts/.ttf 698 KiB 4 assets
assets by path assets/webfonts/.woff2 300 KiB 4 assets
assets by path assets/css/ 1.21 MiB
assets by path assets/css/.css 944 KiB 2 assets
assets by path assets/css/fonts/ 299 KiB 2 assets
Entrypoint vendor [big] 1.7 MiB (1.3 MiB) = assets/css/vendor.min.css 234 KiB assets/js/vendor.min.js 1.47 MiB 16 auxiliary assets
Entrypoint app [big] 1.02 MiB (153 KiB) = assets/css/app.min.css 710 KiB assets/js/app.min.js 335 KiB 2 auxiliary assets
runtime modules 128 KiB 72 modules
orphan modules 968 KiB (javascript) 1.45 MiB (asset) [orphan] 46 modules
cacheable modules 1.23 MiB (javascript) 944 KiB (css/mini-extract)
javascript modules 1.23 MiB 99 modules
css modules 944 KiB
css ./node_modules/css-loader/dist/cjs.js./node_modules/@fortawesome/fontawesome-free/css/all.min.css 104 KiB built
css ./node_modules/css-loader/dist/cjs.js
./node_modules/jquery-ui-dist/jquery-ui.min.css 31.8 KiB built
css ./node_modules/css-loader/dist/cjs.js
./node_modules/perfect-scrollbar/css/perfect-scrollbar.css 2.54 KiB built
css ./node_modules/css-loader/dist/cjs.js
./node_modules/bootstrap-icons/font/bootstrap-icons.css 96.1 KiB built
css ./node_modules/css-loader/dist/cjs.js
./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss 710 KiB built
WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
More info: https://sass-lang.com/d/legacy-js-api @ ./src/scss/styles.scss @ ./webpack.app.js 1:0-31
WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 4, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:4:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
4 | @import ‘_functions.scss’;
src\scss\styles.scss 5:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 5, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:5:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
5 | @import ‘_variables.scss’;
src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 6, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:6:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
6 | @import ‘node_modules/bootstrap/scss/bootstrap.scss’;
src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 7, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:7:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
7 | @import ‘_mixins.scss’;
src\scss\styles.scss 8:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 9, column 8 of file:///D:/TEST/SRC/src/scss/styles.scss:9:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
More info and automated migrator: https://sass-lang.com/d/import
9 | @import ‘_root.scss’;
src\scss\styles.scss 10:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 36, column 10 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:36:10:
red() is deprecated. Suggestion:
color.channel($color, “red”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
36 | @return red($value), green($value), blue($value);
node_modules\bootstrap\scss\_functions.scss 37:11 to-rgb() node_modules\bootstrap\scss\_variables.scss 846:31 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 37, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:37:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
37 | font-family: $display-font-family;
node_modules\bootstrap\scss\_type.scss 38:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 38, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:38:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
38 | font-style: $display-font-style;
node_modules\bootstrap\scss\_type.scss 39:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 39, column 4 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_type.scss:39:4:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
39 | font-weight: $display-font-weight;
node_modules\bootstrap\scss\_type.scss 40:5 @import node_modules\bootstrap\scss\bootstrap.scss 17:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 70, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:70:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
70 | $gray-100: mix(#fff, $gray-500, 60%) !default;
src\scss\_variables.scss 71:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 71, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:71:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
71 | $gray-200: mix(#fff, $gray-500, 45%) !default;
src\scss\_variables.scss 72:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 72, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:72:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
72 | $gray-300: mix(#fff, $gray-500, 30%) !default;
src\scss\_variables.scss 73:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 73, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:73:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
73 | $gray-400: mix(#fff, $gray-500, 15%) !default;
src\scss\_variables.scss 74:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 75, column 15 of file:///D:/TEST/SRC/src/scss/_variables.scss:75:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
75 | $gray-600: mix(#000, $gray-500, 15%) !default;
src\scss\_variables.scss 76:16 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 184, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:184:9:
red() is deprecated. Suggestion:
color.channel($color, “red”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
184 | “r”: red($color),
node_modules\bootstrap\scss\_functions.scss 185:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 185, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:185:9:
green() is deprecated. Suggestion:
color.channel($color, “green”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
185 | “g”: green($color),
node_modules\bootstrap\scss\_functions.scss 186:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 186, column 9 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_functions.scss:186:9:
blue() is deprecated. Suggestion:
color.channel($color, “blue”, $space: rgb)
More info: https://sass-lang.com/d/color-functions
186 | “b”: blue($color)
node_modules\bootstrap\scss\_functions.scss 187:10 luminance() node_modules\bootstrap\scss\_functions.scss 174:8 contrast-ratio() node_modules\bootstrap\scss\_functions.scss 159:22 color-contrast() node_modules\bootstrap\scss\_variables.scss 846:42 @import node_modules\bootstrap\scss\bootstrap.scss 8:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 502, column 2 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_reboot.scss:502:2:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
502 | font-weight: $legend-font-weight;
node_modules\bootstrap\scss\_reboot.scss 503:3 @import node_modules\bootstrap\scss\bootstrap.scss 16:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 503, column 2 of file:///D:/TEST/SRC/node_modules/bootstrap/scss/_reboot.scss:503:2:
Sass’s behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
503 | line-height: inherit;
node_modules\bootstrap\scss\_reboot.scss 504:3 @import node_modules\bootstrap\scss\bootstrap.scss 16:9 @import src\scss\styles.scss 7:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 519, column 53 of file:///D:/TEST/SRC/src/scss/_variables.scss:519:53:
darken() is deprecated. Suggestions:
color.scale($color, $lightness: -55.1948051948%) color.adjust($color, $lightness: -10%)
More info: https://sass-lang.com/d/color-functions
519 | $app-loader-bg: rgba(darken($gray-900, 10%), .85) !default;
src\scss\_variables.scss 520:54 @import src\scss\styles.scss 6:9 root stylesheet
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31WARNING in ./src/scss/styles.scss (./src/scss/styles.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
580 repetitive deprecation warnings omitted.
@ ./src/scss/styles.scss
@ ./webpack.app.js 1:0-31
webpack 5.96.1 compiled with 22 warnings in 275527 ms
Hi,
For this issue, we have a quick fix for this.
1. replace the package.json for the following content https://pastebin.com/gs2uHqjd 2. replace the webpack.config.js for the following content https://pastebin.com/p8AgjEG43. re-run the npm install and npm run start command
Best Regards, Sean.
Sean,
At this time your trick works!!!
I really appreciate!!!!
Hi,
Glad to hear that your issue was resolved. We will release a new version with this patch as well soon.
Best Regards, Sean.
By mistake i bought html version of Quantum theme and not Django. But at the same time i bought HUD django theme. So i just replaced HUD static files with quantum assets with a little bit of edit of templates. Somehow icons are not loading. Can you help me?
Hi,
For your information, HUD is using bootstrap icon and Quantum is using iconify. If you wish to use HUD version, you might need to include the bootstrap icons (/css/fonts) as well.
Best Regards, Sean.
Hi,
Can dark – light mode applied in Quantum ?
This better than HUD I think, but no feature for change theme mode.
Hi,
Currently, there are no plans to add a light mode for Quantum. Thank you for your feedback, and please let us know if there’s anything else we can assist with.
Best regards, Sean.
It is possible to applied light mode ? I read from item detail there is “scss variable” control, it is controlling the color, right ?
Asap I will buy it, I need control mode (light – dark) honestly. Thanks.
Hi,
You might need to customise the scss files by updating the SCSS variables in order to having the light mode. The “scss variable” control allows you to adjust the template’s colors, including switching between light and dark modes, by modifying the appropriate variables in the SCSS files.
Let us know if you need guidance on making these changes!
Best regards, Sean
Are there any functional differences between this and your HUD theme? Or just slightly different looks?
Hi,
The main difference between the two themes lies in their design focus. Quantum is designed for a more compact layout, with minimal margins and padding between components to create a streamlined look. HUD, on the other hand, uses more spacious margins and padding, giving it a broader, more open feel. Functionally, both themes are similar, but the overall design, color scheme, scss settings, components design approach is quite different.
Best Regards, Sean.
Is there a way in the themes to achieve infinite scrolling table with fixed header and/or footer?
Hi,
Yeah, you may refer to the data management page for infinite scrolling with fixed header and footer
http://seantheme.com/quantum/page_data_management.htmlBest Regards, Sean.
Hi! My name is Murod, I purchased your best template, but I have problem with transferring to React app, and then when I run with webpack there are many errors with this project so I want to ask you if you have React version pleace give that one
Hi,
For React project, you should use the scss folder from HTML version instead of running webpack in React project.
p.s Unfortunately, there is no React version for this template yet.
Best Regards, Sean.
Nice Work, Congratulations GLWS
Thanks
