Giter Club home page Giter Club logo

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

Vite Soft UI Dashboard PRO Tweet

version GitHub issues open GitHub issues closed

Image

Start your Development with an Innovative Admin Template for Bootstrap 5, VueJS 3, Vite and Vuex. If you like the look & feel of the hottest design trend right now, Soft UI, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

Fully Coded Components

Vite Soft UI Dashboard PRO is built with over 300 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

This Premium Bootstrap 5 & VueJS 3 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

View all components here.

Documentation built by Developers

Each element is well presented in very complex documentation. You can read more about the documentation here.

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. Every page is spaced well, with attractive layouts and pleasing shapes. From specially designed dashboards for smart homes, virtual reality, and automotives to CRM admins, Vue Soft UI Dashboard has everything you need to quickly set up an amazing project.

View example pages here.

HELPFUL LINKS

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

  • Popper.js - Kickass library used to manage poppers
  • Vite - Next Generation Frontend Tooling
  • Vuex - Vuex is a state management pattern + library for Vue.js applications.

Let us know your thoughts below. And good luck with development!

Table of Contents

Versions

VueJS Vite
Vue Soft UI Dashboard PRO Vite Soft UI Dashboard PRO

Demo

View More.

Quick start

Quick start options:

Terminal Commands

  1. Download and Install NodeJs LTS version from NodeJs Official Page.
  2. Navigate to the root ./ directory of the product and run npm install to install our local dependencies.
  3. To run the product type in terminal npm run dev

Documentation

The documentation for the Vite Soft UI Dashboard PRO is hosted at our website.

What's included

Within the download you'll find the following directories and files:

vite-soft-ui-dashboard
├── Dockerfile
├── README.md
├── index.html
├── package.json
├── public
│   ├── _redirects
│   └── favicon.ico
├── src
│   ├── App.vue
│   ├── assets
│   │   ├── css
│   │   ├── fonts
│   │   ├── img
│   │   ├── js
│   │   └── scss
│   ├── components
│   │   ├── Icon.vue
│   │   ├── VsudAlert.vue
│   │   ├── VsudAvatar.vue
│   │   ├── VsudBadge.vue
│   │   ├── VsudButton.vue
│   │   ├── VsudCheckbox.vue
│   │   ├── VsudInput.vue
│   │   ├── VsudPagination.vue
│   │   ├── VsudPaginationItem.vue
│   │   ├── VsudProgress.vue
│   │   ├── VsudRadio.vue
│   │   ├── VsudSnackbar.vue
│   │   ├── VsudSocialButton.vue
│   │   ├── VsudSwitch.vue
│   │   └── VsudTextarea.vue
│   ├── examples
│   │   ├── Breadcrumbs.vue
│   │   ├── Calendar.vue
│   │   ├── Cards
│   │   │   ├── Card.vue
│   │   │   ├── ComplexStatisticsCard.vue
│   │   │   ├── DefaultInfoCard.vue
│   │   │   ├── MasterCard.vue
│   │   │   ├── SwitchCard.vue
│   │   │   └── TempCard.vue
│   │   ├── Charts
│   │   │   ├── ActiveUsersChart.vue
│   │   │   ├── ConsumptionDayChart.vue
│   │   │   ├── ConsumptionRoomChart.vue
│   │   │   └── GradientLineChart.vue
│   │   ├── Configurator.vue
│   │   ├── Footer.vue
│   │   ├── Globe.vue
│   │   ├── Navbars
│   │   │   └── Navbar.vue
│   │   ├── PageLayout
│   │   │   ├── Footer.vue
│   │   │   └── Navbar.vue
│   │   └── Sidenav
│   │       ├── SidenavCard.vue
│   │       ├── SidenavCollapse.vue
│   │       ├── SidenavCollapseItem.vue
│   │       ├── SidenavItem.vue
│   │       ├── SidenavList.vue
│   │       └── index.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   ├── soft-ui-dashboard.js
│   ├── store
│   │   └── index.js
│   └── views
│       ├── Home.vue
│       ├── applications
│       │   ├── Calendar.vue
│       │   ├── DataTables.vue
│       │   ├── Kanban.vue
│       │   ├── analytics
│       │   │   ├── Analytics.vue
│       │   │   └── components
│       │   │       ├── PagesCard.vue
│       │   │       ├── ReferralsCard.vue
│       │   │       ├── ReferralsChart.vue
│       │   │       ├── SocialCard.vue
│       │   │       └── TrafficChart.vue
│       │   ├── components
│       │   │   ├── CalendarTable.vue
│       │   │   ├── EventsCard.vue
│       │   │   └── ProductivityChart.vue
│       │   └── wizard
│       │       ├── Wizard.vue
│       │       └── components
│       │           ├── About.vue
│       │           ├── Account.vue
│       │           └── Address.vue
│       ├── auth
│       │   ├── error
│       │   │   ├── Error404.vue
│       │   │   └── Error500.vue
│       │   ├── lock
│       │   │   ├── Basic.vue
│       │   │   ├── Cover.vue
│       │   │   └── Illustration.vue
│       │   ├── reset
│       │   │   ├── Basic.vue
│       │   │   ├── Cover.vue
│       │   │   └── Illustration.vue
│       │   ├── signin
│       │   │   ├── Basic.vue
│       │   │   ├── Cover.vue
│       │   │   └── Illustration.vue
│       │   ├── signup
│       │   │   ├── Basic.vue
│       │   │   ├── Cover.vue
│       │   │   └── Illustration.vue
│       │   └── verification
│       │       ├── Basic.vue
│       │       ├── Cover.vue
│       │       └── Illustration.vue
│       ├── dashboards
│       │   ├── Automotive.vue
│       │   ├── CRM.vue
│       │   ├── Default.vue
│       │   ├── SmartHome.vue
│       │   ├── components
│       │   │   ├── BirthdayMessageCard.vue
│       │   │   ├── CardDetail.vue
│       │   │   ├── CardPlayer.vue
│       │   │   ├── CategoriesCard.vue
│       │   │   ├── IncomeCard.vue
│       │   │   ├── NewTabCard.vue
│       │   │   ├── RevenueCard.vue
│       │   │   ├── TransactionsCard.vue
│       │   │   ├── VisitorsCard.vue
│       │   │   └── WealthCreationCard.vue
│       │   └── vr
│       │       ├── VRDefault.vue
│       │       ├── VRInfo.vue
│       │       └── components
│       │           ├── CardCalendar.vue
│       │           ├── CardEmail.vue
│       │           ├── CardMessage.vue
│       │           ├── CardPlayer.vue
│       │           └── CardToDo.vue
│       ├── ecommerce
│       │   ├── EditProduct.vue
│       │   ├── Orders
│       │   │   ├── OrderDetails.vue
│       │   │   └── OrderList.vue
│       │   ├── ProductPage.vue
│       │   ├── ProductsList.vue
│       │   ├── Referral.vue
│       │   ├── components
│       │   │   ├── OtherProducts.vue
│       │   │   └── UserCard.vue
│       │   ├── overview
│       │   │   ├── Overview.vue
│       │   │   └── components
│       │   │       ├── ChannelsChartCard.vue
│       │   │       ├── OverviewCard.vue
│       │   │       ├── ProductsCard.vue
│       │   │       ├── RevenueChartCard.vue
│       │   │       └── SalesChartCard.vue
│       │   └── products
│       │       ├── NewProduct.vue
│       │       └── components
│       │           ├── Media.vue
│       │           ├── Pricing.vue
│       │           ├── ProductInfo.vue
│       │           └── Socials.vue
│       └── pages
│           ├── Account
│           │   ├── Billing.vue
│           │   ├── Invoice.vue
│           │   ├── Security.vue
│           │   ├── Settings.vue
│           │   └── components
│           │       ├── BillingCard.vue
│           │       ├── InvoiceCard.vue
│           │       ├── NavPill.vue
│           │       ├── PaymentCard.vue
│           │       ├── SideNav.vue
│           │       ├── SideNavItem.vue
│           │       └── TransactionCard.vue
│           ├── Charts.vue
│           ├── Notifications.vue
│           ├── Pricing.vue
│           ├── Rtl.vue
│           ├── SweetAlerts.vue
│           ├── Users
│           │   ├── NewUser.vue
│           │   ├── Reports.vue
│           │   └── components
│           │       ├── Address.vue
│           │       ├── Profile.vue
│           │       ├── ReviewCard.vue
│           │       ├── Socials.vue
│           │       ├── Table.vue
│           │       └── UserInfo.vue
│           ├── Widgets.vue
│           ├── components
│           │   ├── AccordionItem.vue
│           │   ├── BarChart.vue
│           │   ├── BarChartHorizontal.vue
│           │   ├── BubbleChart.vue
│           │   ├── CaloriesChart.vue
│           │   ├── ControllerCard.vue
│           │   ├── DoughnutChart.vue
│           │   ├── EventsCard.vue
│           │   ├── FullBodyCard.vue
│           │   ├── IncomeChart.vue
│           │   ├── LineChart.vue
│           │   ├── LineChartGradient.vue
│           │   ├── MiniInfoCard.vue
│           │   ├── MixedChart.vue
│           │   ├── MusicPlayer.vue
│           │   ├── OrdersCard.vue
│           │   ├── PieChart.vue
│           │   ├── PolarChart.vue
│           │   ├── PricingCard.vue
│           │   ├── RadarChart.vue
│           │   └── StepsCard.vue
│           ├── profile
│           │   ├── Overview.vue
│           │   ├── Projects.vue
│           │   ├── Teams.vue
│           │   └── components
│           │       ├── MarketingCard.vue
│           │       ├── MeetCard.vue
│           │       ├── PostCard.vue
│           │       ├── ProfileCard.vue
│           │       ├── ProjectOverviewCard.vue
│           │       ├── ProjectsCard.vue
│           │       └── StoryAvatar.vue
│           └── projects
│               ├── General.vue
│               ├── NewProject.vue
│               ├── Timeline.vue
│               └── components
│                   ├── EarningsCard.vue
│                   ├── JobCard.vue
│                   ├── ProjectsCard.vue
│                   ├── TasksCard.vue
│                   ├── TimelineCard.vue
│                   └── TodoItem.vue
└── vite.config.js

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

Reporting Issues

We use GitHub Issues as the official bug tracker for the Vite Soft UI Dashboard PRO. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Vite Soft UI Dashboard PRO. Check the CHANGELOG from this repo.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

Instagram: https://instagram.com/creativetimofficial

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

Contributors

dragosct avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

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

[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.

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

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] 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

[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

[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

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

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.