Giter VIP home page Giter VIP logo

ct-vite-soft-ui-dashboard-pro's Issues

Modal Views

I open a modal, a design error occurs in the menu section. Is there a solution?

Screen Shot 2022-07-26 at 14 12 05

[Bug] Modal View

Version

3.0.2

Reproduction link

https://demos.creative-tim.com/vite-soft-ui-dashboard-pro/?_ga=2.222964059.1347293151.1658326216-1154291172.1655413300#/ecommerce/products/products-list

Operating System

macOS Big Sur

Device

MacBook Pro (16-inch, 2019)

Browser & Version

Google Chrome 103.0.5060.134

Steps to reproduce

When I open a modal, a design error occurs in the menu section. Is there a solution?

What is expected?

https://ibb.co/T1Wg719

What is actually happening?

https://ibb.co/T1Wg719


Solution

Additional comments

Error on `npm run serve`

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'
}

[Bug] Error on npm run dev

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.

[Bug] Error on `npm run serve`

Version

3.0.0

Reproduction link

http://localhost

Operating System

Ubuntu 22.04

Device

VBox

Browser & Version

none

Steps to reproduce

npm install
npm run serve

What is expected?

successfull dev run

What is actually happening?

$ 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

Solution

Additional comments

Many errors trying to load new installation

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)


SCREENSHOT:
creative-tim-vite-soft-issue-2022-06-08_9-40-11

[Bug] Many errors trying to load new installation

Version

1.0.0

Reproduction link

localhost:8080

Operating System

Windows 10

Device

Computer

Browser & Version

Firefox 101.0 (64-bit)

Steps to reproduce

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]

What is expected?

App loads

What is actually happening?

App doesn't load. White screen.


Solution

Additional comments

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.

Screenshot

creative-tim-vite-soft-issue-2022-06-08_9-40-11

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.