creativetimofficial / ct-vite-soft-ui-dashboard-pro Goto Github PK
View Code? Open in Web Editor NEWVite Soft UI Dashboard PRO by Creative Tim
Home Page: https://www.creative-tim.com/product/vite-soft-ui-dashboard-pro
Vite Soft UI Dashboard PRO by Creative Tim
Home Page: https://www.creative-tim.com/product/vite-soft-ui-dashboard-pro
3.0.2
macOS Big Sur
MacBook Pro (16-inch, 2019)
Google Chrome 103.0.5060.134
When I open a modal, a design error occurs in the menu section. Is there a solution?
Hello, after successful npm install
getting this error (ubuntu 22.04):
$ npm run serve
> [email protected] serve
> vue-cli-service serve
INFO Starting development server...
10% building 2/5 modules 3 active ...t-loader/index.js??ref--14-0!/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/src/main.jsError: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:471:10) at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:503:5
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:358:12 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:236:3 at runSyncOrAsync (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:130:11) at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at Array.<anonymous> (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:471:10) at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:503:5 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:358:12 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at Array.<anonymous> (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/graceful-fs/graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node Version
v18.16.0
Operating System
window 10
Steps I have followed
npm install
npm run dev
What is expected?
successfully project running
What is actually happening
Deprecation Warning: $weight: Passing a number without unit % (8) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
207 │ @return mix(white, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\soft-ui-dashboard\bootstrap_functions.scss 207:11 tint-color()
src\assets\scss\soft-ui-dashboard_variables.scss 132:12 @import
src\assets\scss\soft-ui-dashboard.scss 21:9 root stylesheet
Deprecation Warning: $weight: Passing a number without unit % (6) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
207 │ @return mix(white, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\soft-ui-dashboard\bootstrap_functions.scss 207:11 tint-color()
src\assets\scss\soft-ui-dashboard_variables.scss 133:12 @import
src\assets\scss\soft-ui-dashboard.scss 21:9 root stylesheet
Deprecation Warning: $weight: Passing a number without unit % (4) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
207 │ @return mix(white, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\soft-ui-dashboard\bootstrap_functions.scss 207:11 tint-color()
src\assets\scss\soft-ui-dashboard_variables.scss 134:12 @import
src\assets\scss\soft-ui-dashboard.scss 21:9 root stylesheet
Deprecation Warning: $weight: Passing a number without unit % (2) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
207 │ @return mix(white, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\soft-ui-dashboard\bootstrap_functions.scss 207:11 tint-color()
src\assets\scss\soft-ui-dashboard_variables.scss 135:12 @import
src\assets\scss\soft-ui-dashboard.scss 21:9 root stylesheet
Deprecation Warning: $weight: Passing a number without unit % (2) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
212 │ @return mix(black, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\soft-ui-dashboard\bootstrap_functions.scss 212:11 shade-color()
src\assets\scss\soft-ui-dashboard_variables.scss 137:12 @import
src\assets\scss\soft-ui-dashboard.scss 21:9 root stylesheet
Deprecation Warning: Passing percentage units to the global abs() function is deprecated.
In the future, this will emit a CSS abs() function to be resolved by the browser.
To preserve current behavior: math.abs(100%)
To emit a CSS abs() now: abs(#{100%})
More info: https://sass-lang.com/d/abs-percent
╷
1 │ ┌ // =========================================================
2 │ │ // * Soft UI Dashboard Pro - v1.0.8
3 │ │ // =========================================================
4 │ │ //
5 │ │ // * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro
6 │ │ // * Copyright 2022 Creative Tim (https://www.creative-tim.com)
7 │ │ //
8 │ │ // Coded by www.creative-tim.com
9 │ │ //
10 │ │ // =========================================================
11 │ │ //
12 │ │ // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
13 │ │
14 │ │ // Bootstrap Functions
15 │ │ @import "soft-ui-dashboard/bootstrap/functions";
16 │ │
17 │ │ // Custom Variables
18 │ │ @import "soft-ui-dashboard/custom/variables";
19 │ │
20 │ │ // Theme Variables
21 │ │ @import "soft-ui-dashboard/variables";
22 │ │
23 │ │ // Bootstrap Core
24 │ │ @import "soft-ui-dashboard/bootstrap/bootstrap";
25 │ │
26 │ │ // Theme Core
27 │ │ @import "soft-ui-dashboard/theme-pro";
28 │ │
29 │ │ // Custom Variables
30 │ └ @import "soft-ui-dashboard/custom/styles";
╵
src\assets\scss\soft-ui-dashboard.scss 1:1 divide()
src\assets\scss\soft-ui-dashboard\bootstrap\mixins_grid.scss 59:12 row-cols()
src\assets\scss\soft-ui-dashboard\bootstrap\mixins_grid.scss 85:13 @content
src\assets\scss\soft-ui-dashboard\bootstrap\mixins_breakpoints.scss 68:5 media-breakpoint-up()
src\assets\scss\soft-ui-dashboard\bootstrap\mixins_grid.scss 72:5 make-grid-columns()
src\assets\scss\soft-ui-dashboard\bootstrap_grid.scss 32:3 @import
src\assets\scss\soft-ui-dashboard\bootstrap\bootstrap.scss 21:9 @import
src\assets\scss\soft-ui-dashboard.scss 24:9 root stylesheet
Deprecation Warning: Passing percentage units to the global abs() function is deprecated.
In the future, this will emit a CSS abs() function to be resolved by the browser.
To preserve current behavior: math.abs(40%)
To emit a CSS abs() now: abs(#{40%})
More info: https://sass-lang.com/d/abs-percent
╷
1 │ ┌ // =========================================================
2 │ │ // * Soft UI Dashboard Pro - v1.0.8
3 │ │ // =========================================================
4 │ │ //
5 │ │ // * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro
6 │ │ // * Copyright 2022 Creative Tim (https://www.creative-tim.com)
7 │ │ //
8 │ │ // Coded by www.creative-tim.com
9 │ │ //
10 │ │ // =========================================================
11 │ │ //
12 │ │ // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
13 │ │
14 │ │ // Bootstrap Functions
15 │ │ @import "soft-ui-dashboard/bootstrap/functions";
16 │ │
17 │ │ // Custom Variables
18 │ │ @import "soft-ui-dashboard/custom/variables";
19 │ │
20 │ │ // Theme Variables
21 │ │ @import "soft-ui-dashboard/variables";
22 │ │
23 │ │ // Bootstrap Core
24 │ │ @import "soft-ui-dashboard/bootstrap/bootstrap";
25 │ │
26 │ │ // Theme Core
27 │ │ @import "soft-ui-dashboard/theme-pro";
28 │ │
29 │ │ // Custom Variables
30 │ └ @import "soft-ui-dashboard/custom/styles";
╵
src\assets\scss\soft-ui-dashboard.scss 1:1 @import
src\assets\scss\soft-ui-dashboard\bootstrap\bootstrap.scss 35:9 @import
src\assets\scss\soft-ui-dashboard.scss 24:9 root stylesheet
Warning: 4 repetitive deprecation warnings omitted.
3.0.0
Ubuntu 22.04
VBox
none
npm install
npm run serve
successfull dev run
$ npm run serve
> [email protected] serve
> vue-cli-service serve
INFO Starting development server...
10% building 2/5 modules 3 active ...t-loader/index.js??ref--14-0!/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/src/main.jsError: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:471:10) at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:503:5
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:358:12 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:236:3 at runSyncOrAsync (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:130:11) at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at Array.<anonymous> (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:471:10) at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:503:5 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/webpack/lib/NormalModule.js:358:12 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at Array.<anonymous> (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 at /home/moshe/vue-soft-ui-dashboard-pro-v3.0.0/node_modules/graceful-fs/graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v18.8.0
Hi. When I run "npm run dev" or "npm run preview", the app does not load correctly at localhost:8080. I receive the following errors..
GEThttp://localhost:8080/@vite/client
[HTTP/1.1 404 Not Found 7ms]
GEThttp://localhost:8080/src/main.js
[HTTP/1.1 404 Not Found 4ms]
Loading failed for the module with source “http://localhost:8080/@vite/client”. localhost:8080:16:1
Loading module from “http://localhost:8080/@vite/client” was blocked because of a disallowed MIME type (“”).
localhost:8080
Loading module from “http://localhost:8080/src/main.js” was blocked because of a disallowed MIME type (“”).
localhost:8080
GEThttp://localhost:8080/favicon.ico
[HTTP/1.1 404 Not Found 2ms]
GEThttp://localhost:8080/favicon.ico
[HTTP/1.1 404 Not Found 0ms]
NOTES: My system is Windows 10, Node 16. Running "npm install" succeeds 100%, no errors. (App version 1.0.0, recently purchased)
1.0.0
localhost:8080
Windows 10
Computer
Firefox 101.0 (64-bit)
When I run "npm run dev" or "npm run preview", the app does not load correctly at localhost:8080. I receive the following errors..
GEThttp://localhost:8080/@vite/client
[HTTP/1.1 404 Not Found 7ms]
GEThttp://localhost:8080/src/main.js
[HTTP/1.1 404 Not Found 4ms]
Loading failed for the module with source “http://localhost:8080/@vite/client”. localhost:8080:16:1
Loading module from “http://localhost:8080/@vite/client” was blocked because of a disallowed MIME type (“”).
localhost:8080
Loading module from “http://localhost:8080/src/main.js” was blocked because of a disallowed MIME type (“”).
localhost:8080
GEThttp://localhost:8080/favicon.ico
[HTTP/1.1 404 Not Found 2ms]
GEThttp://localhost:8080/favicon.ico
[HTTP/1.1 404 Not Found 0ms]
App loads
App doesn't load. White screen.
My system is Windows 10, Node 16. Running "npm install" succeeds 100%, no errors.
PLEASE NOTE: I also purchased a very similar app/product called "Vue Soft Dashboard Pro" and version 2.0.0 works as expected.
Hi!
Is there a setting that would allow to run the files in built "dist" from folder other than webroot?
Thank you!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.