Envato Market
Web Themes & Templates
Guest Cart
0
Create an Envato Account Sign In
Cart

Discussion on Midone - Tailwind 4 Laravel 11 Admin Dashboard Template + HTML Version

Discussion on Midone - Tailwind 4 Laravel 11 Admin Dashboard Template + HTML Version

By
Cart 1,538 sales
Well Documented

Left4code supports this item

Supported

This author's response time can be up to 2 business days.

446 comments found.

gracekweb

gracekweb Purchased

over 3 years ago

I need help.

I reinstalled the rubick theme at the yarn run dev command I return an error … error Command failed with exit code 134. on ubuntu server with 2 gb of ram … I tried to install it locally … but when I transfer it that’s all not found

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Can you send a screenshot of the error?

gracekweb

gracekweb Purchased

over 3 years ago

root@KeicomSrv:/var/www/laravel# yarn run dev yarn run v1.22.19 $ vite build && vite vite v2.9.14 building for production… transforming (1638) resources/css/app.css <—Last few GCs -->

[13739:0×4b713f0] 81643 ms: Mark-sweep 980.8 (994.4) -> 977.3 (994.9) MB, 2790.0 / 0.0 ms (average mu = 0.090, current mu = 0.035) allocation failure scavenge might not succeed [13739:0×4b713f0] 84355 ms: Mark-sweep 981.4 (995.1) -> 977.5 (995.4) MB, 2616.1 / 0.0 ms (average mu = 0.064, current mu = 0.035) allocation failure scavenge might not succeed

<—JS stacktrace -->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory 1: 0xa3ac10 node::Abort() [/root/.nvm/versions/node/v14.20.0/bin/node] 2: 0×970199 node::FatalError(char const, char const) [/root/.nvm/versions/node/v14.20.0/bin/node] 3: 0xbba58e v8::Utils::ReportOOMFailure(v8::internal::Isolate, char const, bool) [/root/.nvm/versions/node/v14.20.0/bin/node] 4: 0xbba907 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate, char const, bool) [/root/.nvm/versions/node/v14.20.0/bin/node] 5: 0xd76b25 [/root/.nvm/versions/node/v14.20.0/bin/node] 6: 0xd776af [/root/.nvm/versions/node/v14.20.0/bin/node] 7: 0xd854eb v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/root/.nvm/versions/node/v14.20.0/bin/node] 8: 0xd890ac v8::internal::Heap::AllocateRawWithRetryOrFailSlowPath(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [/root/.nvm/versions/node/v14.20.0/bin/node] 9: 0xd4e87d v8::internal::Factory::AllocateRaw(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [/root/.nvm/versions/node/v14.20.0/bin/node] 10: 0xd4aad9 v8::internal::FactoryBase<v8::internal::Factory>::AllocateRawArray(int, v8::internal::AllocationType) [/root/.nvm/versions/node/v14.20.0/bin/node] 11: 0xd4ab94 v8::internal::FactoryBase<v8::internal::Factory>::NewFixedArrayWithFiller(v8::internal::Handle<v8::internal::Map>, int, v8::internal::Handle<v8::internal::Oddball>, v8::internal::AllocationType) [/root/.nvm/versions/node/v14.20.0/bin/node] 12: 0xf9163b v8::internal::OrderedHashTable<v8::internal::OrderedHashSet, 1>::Allocate(v8::internal::Isolate, int, v8::internal::AllocationType) [/root/.nvm/versions/node/v14.20.0/bin/node] 13: 0xf4467f v8::internal::KeyAccumulator::AddKey(v8::internal::Handle<v8::internal::Object>, v8::internal::AddKeyConversion) [/root/.nvm/versions/node/v14.20.0/bin/node] 14: 0xf45bb1 [/root/.nvm/versions/node/v14.20.0/bin/node] 15: 0xf46fc8 v8::internal::KeyAccumulator::CollectOwnPropertyNames(v8::internal::Handle<v8::internal::JSReceiver>, v8::internal::Handle<v8::internal::JSObject>) [/root/.nvm/versions/node/v14.20.0/bin/node] 16: 0xf4730f v8::internal::KeyAccumulator::CollectOwnKeys(v8::internal::Handle<v8::internal::JSReceiver>, v8::internal::Handle<v8::internal::JSObject>) [/root/.nvm/versions/node/v14.20.0/bin/node] 17: 0xf48181 v8::internal::KeyAccumulator::CollectKeys(v8::internal::Handle<v8::internal::JSReceiver>, v8::internal::Handle<v8::internal::JSReceiver>) [/root/.nvm/versions/node/v14.20.0/bin/node] 18: 0xf488dc v8::internal::FastKeyAccumulator::GetKeysSlow(v8::internal::GetKeysConversion) [/root/.nvm/versions/node/v14.20.0/bin/node] 19: 0xf48a31 v8::internal::KeyAccumulator::GetKeys(v8::internal::Handle<v8::internal::JSReceiver>, v8::internal::KeyCollectionMode, v8::internal::PropertyFilter, v8::internal::GetKeysConversion, bool, bool) [/root/.nvm/versions/node/v14.20.0/bin/node] 20: 0xf2fa96 v8::internal::JSReceiver::DefineProperties(v8::internal::Isolate, v8::internal::Handle<v8::internal::Object>, v8::internal::Handle<v8::internal::Object>) [/root/.nvm/versions/node/v14.20.0/bin/node] 21: 0×10b537e v8::internal::Runtime_ObjectCreate(int, unsigned long, v8::internal::Isolate) [/root/.nvm/versions/node/v14.20.0/bin/node] 22: 0×1448f59 [/root/.nvm/versions/node/v14.20.0/bin/node] Aborted (core dumped) error Command failed with exit code 134. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Left4code Author

over 3 years ago

Hi,

It seems that your server does not have enough memory to compile, you can add more memory or run the compilation process on your local computer.

gracekweb

gracekweb Purchased

over 3 years ago

hello i’m upgrading an application … most of the pages are given by DataTables … i tried to add them but they don’t work … it returns me a $ (...). DataTable is not a function jQuery Error. .. is it possible to integrate datatable? do you have documentation? Thank you

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Please run “yarn add jquery” or “npm install jquery” to install jquery.

Next, replace the following line in ”/src/js/bootstrap.js”. https://prnt.sc/26kgqt5

Run “yarn run watch” to compile the assets and you can retry to use the datatable plugin.

Rudy1976s

over 3 years ago

Hello , I would need to find a starterkit for laravel 9.23 using Livewire and Jetstream: is this template supporting them up ?

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Unfortunately, this is not included in the package.

matteored

matteored Purchased

over 3 years ago

Hi I noticed that it does not correctly compose the icons in the second level menu. I use the laravel version. Can be? Thank you

Left4code Author

over 3 years ago

Hi there,

Sorry for the late reply,

Please open this file ”/resources/views/layout/side-menu.blade.php” and update the following lines.
https://i.imgur.com/mx7VXC3.png

Left4code Author

over 3 years ago

Please use incognito if you are using chrome or use another browser if you can’t open the above link.

idemirli

idemirli Purchased

over 3 years ago

merhaba; örnek olarak fullcalendar takvim uygulamasının event ekleme sayfasını html olarak yapıldığı bir örnek laravel view ve controller paylaşabilir misiniz. hi, can you share for this template; fullcalendar event add page html view and controller examples code.

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

What you’re asking for is actually customization of the item, which unfortunately is not something included in your support purchase. You can read more about the definition of support here.

https://themeforest.net/page/item_support_policy

Fosterdn007

Fosterdn007 Purchased

over 3 years ago

Is there a simple way to update the theme without restarting all over again? I would like to use the newest version of the theme and Laravel. but not sure exactly how to update everything without more or less starting over.

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out,

Unfortunately, there is no instant way to swap themes as each team’s HTML structure may vary. But you can try to check and replace the following directory.
- /resources/views/layout
- /resources/views/css
- /resources/views/images
- /resources/views/js

mrjoni

mrjoni Purchased

over 3 years ago

Hello, I would like to know if there is a way I can put more than one route for each option on the side menu? Type Menu Users route users.index, users.update, users.create or simply route users.*. Using * as a wildcard.

Thanks

Left4code Author

over 3 years ago

Hi,

Thank you for reaching out,

Unfortunately, this is currently not supported.

mrjoni

mrjoni Purchased

over 3 years ago

Hello, I developed our own theme for your template. I would like to know how I can make it the default theme since we won’t be using your online theme exchange tool?

3 other replies

Left4code Author

over 3 years ago

Please use chrome incognito or another browser if you can’t open the link, thanks.

mrjoni

mrjoni Purchased

over 3 years ago

thanks.

Left4code Author

over 3 years ago

Glad to be of help.. :)

czps

czps Purchased

over 3 years ago

Syntax error or access violation: 1071 Specified key was too long; max key length is 1000 bytes (SQL: alter table `users` add unique ` users_email_unique`(`email`))

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Can you send step by step to reproduce the issue?

Drrc

Drrc Purchased

over 3 years ago

Hi, all js stop working when I execute any livewire action

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Can you send step by step to reproduce the issue? Or maybe you can send an error message on the console.

hassnaouimohamedrachid

hassnaouimohamedrachid Purchased

over 3 years ago

Dear,

Thanks for the info of upgrading to Vite in your next release,

Please, when will be this next release ? not exactly but just an estimation.

Thanks & good luck

Left4code Author

over 3 years ago

Hi,

We just released an update with the latest version of Laravel and vite, thanks.

hassnaouimohamedrachid

hassnaouimohamedrachid Purchased

over 3 years ago

Great news,

Thanks & good luck

Left4code Author

over 3 years ago

Thank you.. :)

PCarLoz

PCarLoz Purchased

over 3 years ago

Hello.

I am running laravel 9 and it brings vite not webpack.

Doing the imports in app.js: import ’./bootstrap’;

import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();
/*
 |--------------------------------------------
 | Midone Built-in Components
 |--------------------------------------------
 |
 | Import Midone built-in components.
 |
 /
import "./bootstrap";
import "@left4code/tw-starter/dist/js/svg-loader";
import "@left4code/tw-starter/dist/js/accordion";
import "@left4code/tw-starter/dist/js/alert";
import "@left4code/tw-starter/dist/js/dropdown";
import "@left4code/tw-starter/dist/js/modal";
import "@left4code/tw-starter/dist/js/tab";
/
 |--------------------------------------------
 | 3rd Party Libraries
 |--------------------------------------------
 |
 | Import 3rd party library JS files.
 |
 /
import "./chart";
import "./highlight";
import "./lucide";
import "./tiny-slider";
import "./tippy";
import "./datepicker";
import "./tom-select";
import "./dropzone";
import "./validation";
import "./zoom";
import "./notification";
import "./tabulator";
import "./calendar";
/
 |--------------------------------------------
 | Custom Components
 |--------------------------------------------
 |
 | Import JS custom components.
 |
 */
import "./maps";
import "./chat";
import "./show-modal";
import "./show-slide-over";
import "./show-dropdown";
import "./search";
import "./copy-code";
import "./show-code";
import "./side-menu";
import "./mobile-menu";
import "./side-menu-tooltip";
import "./dark-mode-switcher";
import "./ckeditor-classic.js";
import "./ckeditor-inline.js";
import "./ckeditor-balloon.js";
import "./ckeditor-balloon-block.js";
import "./ckeditor-document.js";

and app.css: @tailwind base; @tailwind components; @tailwind utilities;

@import "./_tailwind.css";
@import "./_colors.css";
@import "./fonts/_roboto.css";
@import "@left4code/tw-starter/dist/css/mixins/_media.css";
@import "@left4code/tw-starter/dist/css/_breadcrumb.css";
@import "@left4code/tw-starter/dist/css/_accordion.css";
@import "@left4code/tw-starter/dist/css/_alert.css";
@import "@left4code/tw-starter/dist/css/_btn.css";
@import "@left4code/tw-starter/dist/css/_dropdown.css";
@import "@left4code/tw-starter/dist/css/_file.css";
@import "@left4code/tw-starter/dist/css/_form-reset.css";
@import "@left4code/tw-starter/dist/css/_form-check.css";
@import "@left4code/tw-starter/dist/css/_form-control.css";
@import "@left4code/tw-starter/dist/css/_form-help.css";
@import "@left4code/tw-starter/dist/css/_form-inline.css";
@import "@left4code/tw-starter/dist/css/_form-label.css";
@import "@left4code/tw-starter/dist/css/_form-select.css";
@import "@left4code/tw-starter/dist/css/_image-fit.css";
@import "@left4code/tw-starter/dist/css/_input-group.css";
@import "@left4code/tw-starter/dist/css/_intro.css";
@import "@left4code/tw-starter/dist/css/_modal.css";
@import "@left4code/tw-starter/dist/css/_pagination.css";
@import "@left4code/tw-starter/dist/css/_progress.css";
@import "@left4code/tw-starter/dist/css/_scrollbar.css";
@import "@left4code/tw-starter/dist/css/_tab.css";
@import "@left4code/tw-starter/dist/css/_table.css";
@import "@left4code/tw-starter/dist/css/_typing-dots.css";
@import "@left4code/tw-starter/dist/css/_zoom-in.css";
@import "@left4code/tw-starter/dist/css/_box.css";
@import "highlight.js/styles/github.css";
@import "tippy.js/dist/tippy.css";
@import "tippy.js/themes/light.css";
@import "tippy.js/dist/svg-arrow.css";
@import "tippy.js/animations/shift-away.css";
@import "toastify-js/src/toastify.css";
@import "dropzone/dist/dropzone.css";
@import "zoom-vanilla.js/dist/zoom.css";
@import "tabulator-tables/dist/css/tabulator.css";
@import "tom-select/dist/css/tom-select.css";
@import "tiny-slider/dist/tiny-slider.css";
@import "simplebar/src/simplebar.css";
@import "./components/_global.css";
@import "./components/_login.css";
@import "./components/_table-report.css";
@import "./components/_report-chart.css";
@import "./components/_search.css";
@import "./components/_notification.css";
@import "./components/_report-box.css";
@import "./components/_report-box-2.css";
@import "./components/_report-box-3.css";
@import "./components/_report-box-4.css";
@import "./components/_content.css";
@import "./components/_top-nav.css";
@import "./components/_side-nav.css";
@import "./components/_breadcrumb.css";
@import "./components/_toastify.css";
@import "./components/_toastify-content.css";
@import "./components/_lucide-icon.css";
@import "./components/_top-bar-boxed.css";
@import "./components/_mobile-menu.css";
@import "./components/_inbox-filter.css";
@import "./components/_inbox.css";
@import "./components/_chat.css";
@import "./components/_chat-dropdown.css";
@import "./components/_news.css";
@import "./components/_pricing-tabs.css";
@import "./components/_error-page.css";
@import "./components/_search-result.css";
@import "./components/_notification-content.css";
@import "./components/_report-maps.css";
@import "./components/_pos-dropdown.css";
@import "./components/_post.css";
@import "./components/_litepicker.css";
@import "./components/_tiny-slider.css";
@import "./components/_tippy.css";
@import "./components/_tabulator.css";
@import "./components/_tom-select.css";
@import "./components/_dropzone.css";
@import "./components/_ckeditor.css";
@import "./components/_zoom-vanilla.css";
@import "./components/_dark-mode-switcher.css";
@import "./components/_hljs.css";
@import "./components/_source-preview.css";
@import "./components/_full-calendar.css";
@import "./components/_pristine.css";

But I am encountering this when processing npm run prod: npm run prod

> prod
> vite build
vite v2.9.13 building for production...
transforming (102) node_modules/tiny-slider/src/helpers/forEach.js[vite:css] @import must precede all other statements (besides @charset or empty @layer)
2  |  @tailwind base;
3  |  @tailwind components;
4  |  @tailwind utilities;
   |                       ^
5  |
6  |  @import "./_tailwind.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
4  |  @tailwind utilities;
5  |
6  |  @import "./_tailwind.css";
   |                            ^
7  |  @import "./_colors.css";
8  |
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
5  |
6  |  @import "./_tailwind.css";
7  |  @import "./_colors.css";
   |                          ^
8  |
9  |  @import "./fonts/_roboto.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
7  |  @import "./_colors.css";
8  |
9  |  @import "./fonts/_roboto.css";
   |                               ^
10 |
11 |
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
11 |
12 |
13 |  @import "@left4code/tw-starter/dist/css/mixins/_media.css";
   |                                                         ^
14 |
15 |  @import "@left4code/tw-starter/dist/css/_breadcrumb.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
13 |  @import "@left4code/tw-starter/dist/css/mixins/_media.css";
14 |
15 |  @import "@left4code/tw-starter/dist/css/_breadcrumb.css";
   |                                                      ^
16 |  @import "@left4code/tw-starter/dist/css/_accordion.css";
17 |  @import "@left4code/tw-starter/dist/css/_alert.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
14 |
15 |  @import "@left4code/tw-starter/dist/css/_breadcrumb.css";
16 |  @import "@left4code/tw-starter/dist/css/_accordion.css";
   |                                                     ^
17 |  @import "@left4code/tw-starter/dist/css/_alert.css";
18 |  @import "@left4code/tw-starter/dist/css/_btn.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
15 |  @import "@left4code/tw-starter/dist/css/_breadcrumb.css";
16 |  @import "@left4code/tw-starter/dist/css/_accordion.css";
17 |  @import "@left4code/tw-starter/dist/css/_alert.css";
   |                                                 ^
18 |  @import "@left4code/tw-starter/dist/css/_btn.css";
19 |  @import "@left4code/tw-starter/dist/css/_dropdown.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
16 |  @import "@left4code/tw-starter/dist/css/_accordion.css";
17 |  @import "@left4code/tw-starter/dist/css/_alert.css";
18 |  @import "@left4code/tw-starter/dist/css/_btn.css";
   |                                               ^
19 |  @import "@left4code/tw-starter/dist/css/_dropdown.css";
20 |  @import "@left4code/tw-starter/dist/css/_file.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
17 |  @import "@left4code/tw-starter/dist/css/_alert.css";
18 |  @import "@left4code/tw-starter/dist/css/_btn.css";
19 |  @import "@left4code/tw-starter/dist/css/_dropdown.css";
   |                                                    ^
20 |  @import "@left4code/tw-starter/dist/css/_file.css";
21 |  @import "@left4code/tw-starter/dist/css/_form-reset.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
18 |  @import "@left4code/tw-starter/dist/css/_btn.css";
19 |  @import "@left4code/tw-starter/dist/css/_dropdown.css";
20 |  @import "@left4code/tw-starter/dist/css/_file.css";
   |                                                ^
21 |  @import "@left4code/tw-starter/dist/css/_form-reset.css";
22 |  @import "@left4code/tw-starter/dist/css/_form-check.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
19 |  @import "@left4code/tw-starter/dist/css/_dropdown.css";
20 |  @import "@left4code/tw-starter/dist/css/_file.css";
21 |  @import "@left4code/tw-starter/dist/css/_form-reset.css";
   |                                                      ^
22 |  @import "@left4code/tw-starter/dist/css/_form-check.css";
23 |  @import "@left4code/tw-starter/dist/css/_form-control.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
20 |  @import "@left4code/tw-starter/dist/css/_file.css";
21 |  @import "@left4code/tw-starter/dist/css/_form-reset.css";
22 |  @import "@left4code/tw-starter/dist/css/_form-check.css";
   |                                                      ^
23 |  @import "@left4code/tw-starter/dist/css/_form-control.css";
24 |  @import "@left4code/tw-starter/dist/css/_form-help.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
21 |  @import "@left4code/tw-starter/dist/css/_form-reset.css";
22 |  @import "@left4code/tw-starter/dist/css/_form-check.css";
23 |  @import "@left4code/tw-starter/dist/css/_form-control.css";
   |                                                        ^
24 |  @import "@left4code/tw-starter/dist/css/_form-help.css";
25 |  @import "@left4code/tw-starter/dist/css/_form-inline.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
22 |  @import "@left4code/tw-starter/dist/css/_form-check.css";
23 |  @import "@left4code/tw-starter/dist/css/_form-control.css";
24 |  @import "@left4code/tw-starter/dist/css/_form-help.css";
   |                                                     ^
25 |  @import "@left4code/tw-starter/dist/css/_form-inline.css";
26 |  @import "@left4code/tw-starter/dist/css/_form-label.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
23 |  @import "@left4code/tw-starter/dist/css/_form-control.css";
24 |  @import "@left4code/tw-starter/dist/css/_form-help.css";
25 |  @import "@left4code/tw-starter/dist/css/_form-inline.css";
   |                                                       ^
26 |  @import "@left4code/tw-starter/dist/css/_form-label.css";
27 |  @import "@left4code/tw-starter/dist/css/_form-select.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
24 |  @import "@left4code/tw-starter/dist/css/_form-help.css";
25 |  @import "@left4code/tw-starter/dist/css/_form-inline.css";
26 |  @import "@left4code/tw-starter/dist/css/_form-label.css";
   |                                                      ^
27 |  @import "@left4code/tw-starter/dist/css/_form-select.css";
28 |  @import "@left4code/tw-starter/dist/css/_image-fit.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
25 |  @import "@left4code/tw-starter/dist/css/_form-inline.css";
26 |  @import "@left4code/tw-starter/dist/css/_form-label.css";
27 |  @import "@left4code/tw-starter/dist/css/_form-select.css";
   |                                                       ^
28 |  @import "@left4code/tw-starter/dist/css/_image-fit.css";
29 |  @import "@left4code/tw-starter/dist/css/_input-group.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
26 |  @import "@left4code/tw-starter/dist/css/_form-label.css";
27 |  @import "@left4code/tw-starter/dist/css/_form-select.css";
28 |  @import "@left4code/tw-starter/dist/css/_image-fit.css";
   |                                                     ^
29 |  @import "@left4code/tw-starter/dist/css/_input-group.css";
30 |  @import "@left4code/tw-starter/dist/css/_intro.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
27 |  @import "@left4code/tw-starter/dist/css/_form-select.css";
28 |  @import "@left4code/tw-starter/dist/css/_image-fit.css";
29 |  @import "@left4code/tw-starter/dist/css/_input-group.css";
   |                                                       ^
30 |  @import "@left4code/tw-starter/dist/css/_intro.css";
31 |  @import "@left4code/tw-starter/dist/css/_modal.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
28 |  @import "@left4code/tw-starter/dist/css/_image-fit.css";
29 |  @import "@left4code/tw-starter/dist/css/_input-group.css";
30 |  @import "@left4code/tw-starter/dist/css/_intro.css";
   |                                                 ^
31 |  @import "@left4code/tw-starter/dist/css/_modal.css";
32 |  @import "@left4code/tw-starter/dist/css/_pagination.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
29 |  @import "@left4code/tw-starter/dist/css/_input-group.css";
30 |  @import "@left4code/tw-starter/dist/css/_intro.css";
31 |  @import "@left4code/tw-starter/dist/css/_modal.css";
   |                                                 ^
32 |  @import "@left4code/tw-starter/dist/css/_pagination.css";
33 |  @import "@left4code/tw-starter/dist/css/_progress.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
30 |  @import "@left4code/tw-starter/dist/css/_intro.css";
31 |  @import "@left4code/tw-starter/dist/css/_modal.css";
32 |  @import "@left4code/tw-starter/dist/css/_pagination.css";
   |                                                      ^
33 |  @import "@left4code/tw-starter/dist/css/_progress.css";
34 |  @import "@left4code/tw-starter/dist/css/_scrollbar.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
31 |  @import "@left4code/tw-starter/dist/css/_modal.css";
32 |  @import "@left4code/tw-starter/dist/css/_pagination.css";
33 |  @import "@left4code/tw-starter/dist/css/_progress.css";
   |                                                    ^
34 |  @import "@left4code/tw-starter/dist/css/_scrollbar.css";
35 |  @import "@left4code/tw-starter/dist/css/_tab.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
32 |  @import "@left4code/tw-starter/dist/css/_pagination.css";
33 |  @import "@left4code/tw-starter/dist/css/_progress.css";
34 |  @import "@left4code/tw-starter/dist/css/_scrollbar.css";
   |                                                     ^
35 |  @import "@left4code/tw-starter/dist/css/_tab.css";
36 |  @import "@left4code/tw-starter/dist/css/_table.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
33 |  @import "@left4code/tw-starter/dist/css/_progress.css";
34 |  @import "@left4code/tw-starter/dist/css/_scrollbar.css";
35 |  @import "@left4code/tw-starter/dist/css/_tab.css";
   |                                               ^
36 |  @import "@left4code/tw-starter/dist/css/_table.css";
37 |  @import "@left4code/tw-starter/dist/css/_typing-dots.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
34 |  @import "@left4code/tw-starter/dist/css/_scrollbar.css";
35 |  @import "@left4code/tw-starter/dist/css/_tab.css";
36 |  @import "@left4code/tw-starter/dist/css/_table.css";
   |                                                 ^
37 |  @import "@left4code/tw-starter/dist/css/_typing-dots.css";
38 |  @import "@left4code/tw-starter/dist/css/_zoom-in.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
35 |  @import "@left4code/tw-starter/dist/css/_tab.css";
36 |  @import "@left4code/tw-starter/dist/css/_table.css";
37 |  @import "@left4code/tw-starter/dist/css/_typing-dots.css";
   |                                                       ^
38 |  @import "@left4code/tw-starter/dist/css/_zoom-in.css";
39 |  @import "@left4code/tw-starter/dist/css/_box.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
36 |  @import "@left4code/tw-starter/dist/css/_table.css";
37 |  @import "@left4code/tw-starter/dist/css/_typing-dots.css";
38 |  @import "@left4code/tw-starter/dist/css/_zoom-in.css";
   |                                                   ^
39 |  @import "@left4code/tw-starter/dist/css/_box.css";
40 |  @import "highlight.js/styles/github.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
37 |  @import "@left4code/tw-starter/dist/css/_typing-dots.css";
38 |  @import "@left4code/tw-starter/dist/css/_zoom-in.css";
39 |  @import "@left4code/tw-starter/dist/css/_box.css";
   |                                               ^
40 |  @import "highlight.js/styles/github.css";
41 |  @import "tippy.js/dist/tippy.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
38 |  @import "@left4code/tw-starter/dist/css/_zoom-in.css";
39 |  @import "@left4code/tw-starter/dist/css/_box.css";
40 |  @import "highlight.js/styles/github.css";
   |                                      ^
41 |  @import "tippy.js/dist/tippy.css";
42 |  @import "tippy.js/themes/light.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
39 |  @import "@left4code/tw-starter/dist/css/_box.css";
40 |  @import "highlight.js/styles/github.css";
41 |  @import "tippy.js/dist/tippy.css";
   |                               ^
42 |  @import "tippy.js/themes/light.css";
43 |  @import "tippy.js/dist/svg-arrow.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
40 |  @import "highlight.js/styles/github.css";
41 |  @import "tippy.js/dist/tippy.css";
42 |  @import "tippy.js/themes/light.css";
   |                                 ^
43 |  @import "tippy.js/dist/svg-arrow.css";
44 |  @import "tippy.js/animations/shift-away.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
41 |  @import "tippy.js/dist/tippy.css";
42 |  @import "tippy.js/themes/light.css";
43 |  @import "tippy.js/dist/svg-arrow.css";
   |                                   ^
44 |  @import "tippy.js/animations/shift-away.css";
45 |  @import "toastify-js/src/toastify.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
42 |  @import "tippy.js/themes/light.css";
43 |  @import "tippy.js/dist/svg-arrow.css";
44 |  @import "tippy.js/animations/shift-away.css";
   |                                          ^
45 |  @import "toastify-js/src/toastify.css";
46 |  @import "dropzone/dist/dropzone.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
43 |  @import "tippy.js/dist/svg-arrow.css";
44 |  @import "tippy.js/animations/shift-away.css";
45 |  @import "toastify-js/src/toastify.css";
   |                                    ^
46 |  @import "dropzone/dist/dropzone.css";
47 |  @import "zoom-vanilla.js/dist/zoom.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
44 |  @import "tippy.js/animations/shift-away.css";
45 |  @import "toastify-js/src/toastify.css";
46 |  @import "dropzone/dist/dropzone.css";
   |                                  ^
47 |  @import "zoom-vanilla.js/dist/zoom.css";
48 |  @import "tabulator-tables/dist/css/tabulator.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
45 |  @import "toastify-js/src/toastify.css";
46 |  @import "dropzone/dist/dropzone.css";
47 |  @import "zoom-vanilla.js/dist/zoom.css";
   |                                     ^
48 |  @import "tabulator-tables/dist/css/tabulator.css";
49 |  @import "tom-select/dist/css/tom-select.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
46 |  @import "dropzone/dist/dropzone.css";
47 |  @import "zoom-vanilla.js/dist/zoom.css";
48 |  @import "tabulator-tables/dist/css/tabulator.css";
   |                                               ^
49 |  @import "tom-select/dist/css/tom-select.css";
50 |  @import "tiny-slider/dist/tiny-slider.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
47 |  @import "zoom-vanilla.js/dist/zoom.css";
48 |  @import "tabulator-tables/dist/css/tabulator.css";
49 |  @import "tom-select/dist/css/tom-select.css";
   |                                          ^
50 |  @import "tiny-slider/dist/tiny-slider.css";
51 |  @import "simplebar/src/simplebar.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
48 |  @import "tabulator-tables/dist/css/tabulator.css";
49 |  @import "tom-select/dist/css/tom-select.css";
50 |  @import "tiny-slider/dist/tiny-slider.css";
   |                                        ^
51 |  @import "simplebar/src/simplebar.css";
52 |
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
49 |  @import "tom-select/dist/css/tom-select.css";
50 |  @import "tiny-slider/dist/tiny-slider.css";
51 |  @import "simplebar/src/simplebar.css";
   |                                   ^
52 |
53 |  @import "./components/_global.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
51 |  @import "simplebar/src/simplebar.css";
52 |
53 |  @import "./components/_global.css";
   |                               ^
54 |  @import "./components/_login.css";
55 |  @import "./components/_table-report.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
52 |
53 |  @import "./components/_global.css";
54 |  @import "./components/_login.css";
   |                              ^
55 |  @import "./components/_table-report.css";
56 |  @import "./components/_report-chart.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
53 |  @import "./components/_global.css";
54 |  @import "./components/_login.css";
55 |  @import "./components/_table-report.css";
   |                                     ^
56 |  @import "./components/_report-chart.css";
57 |  @import "./components/_search.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
54 |  @import "./components/_login.css";
55 |  @import "./components/_table-report.css";
56 |  @import "./components/_report-chart.css";
   |                                     ^
57 |  @import "./components/_search.css";
58 |  @import "./components/_notification.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
55 |  @import "./components/_table-report.css";
56 |  @import "./components/_report-chart.css";
57 |  @import "./components/_search.css";
   |                               ^
58 |  @import "./components/_notification.css";
59 |  @import "./components/_report-box.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
56 |  @import "./components/_report-chart.css";
57 |  @import "./components/_search.css";
58 |  @import "./components/_notification.css";
   |                                     ^
59 |  @import "./components/_report-box.css";
60 |  @import "./components/_report-box-2.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
57 |  @import "./components/_search.css";
58 |  @import "./components/_notification.css";
59 |  @import "./components/_report-box.css";
   |                                   ^
60 |  @import "./components/_report-box-2.css";
61 |  @import "./components/_report-box-3.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
58 |  @import "./components/_notification.css";
59 |  @import "./components/_report-box.css";
60 |  @import "./components/_report-box-2.css";
   |                                     ^
61 |  @import "./components/_report-box-3.css";
62 |  @import "./components/_report-box-4.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
59 |  @import "./components/_report-box.css";
60 |  @import "./components/_report-box-2.css";
61 |  @import "./components/_report-box-3.css";
   |                                     ^
62 |  @import "./components/_report-box-4.css";
63 |  @import "./components/_content.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
60 |  @import "./components/_report-box-2.css";
61 |  @import "./components/_report-box-3.css";
62 |  @import "./components/_report-box-4.css";
   |                                     ^
63 |  @import "./components/_content.css";
64 |  @import "./components/_top-nav.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
61 |  @import "./components/_report-box-3.css";
62 |  @import "./components/_report-box-4.css";
63 |  @import "./components/_content.css";
   |                                ^
64 |  @import "./components/_top-nav.css";
65 |  @import "./components/_side-nav.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
62 |  @import "./components/_report-box-4.css";
63 |  @import "./components/_content.css";
64 |  @import "./components/_top-nav.css";
   |                                ^
65 |  @import "./components/_side-nav.css";
66 |  @import "./components/_breadcrumb.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
63 |  @import "./components/_content.css";
64 |  @import "./components/_top-nav.css";
65 |  @import "./components/_side-nav.css";
   |                                 ^
66 |  @import "./components/_breadcrumb.css";
67 |  @import "./components/_toastify.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
64 |  @import "./components/_top-nav.css";
65 |  @import "./components/_side-nav.css";
66 |  @import "./components/_breadcrumb.css";
   |                                   ^
67 |  @import "./components/_toastify.css";
68 |  @import "./components/_toastify-content.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
65 |  @import "./components/_side-nav.css";
66 |  @import "./components/_breadcrumb.css";
67 |  @import "./components/_toastify.css";
   |                                 ^
68 |  @import "./components/_toastify-content.css";
69 |  @import "./components/_lucide-icon.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
66 |  @import "./components/_breadcrumb.css";
67 |  @import "./components/_toastify.css";
68 |  @import "./components/_toastify-content.css";
   |                                         ^
69 |  @import "./components/_lucide-icon.css";
70 |  @import "./components/_top-bar-boxed.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
67 |  @import "./components/_toastify.css";
68 |  @import "./components/_toastify-content.css";
69 |  @import "./components/_lucide-icon.css";
   |                                    ^
70 |  @import "./components/_top-bar-boxed.css";
71 |  @import "./components/_mobile-menu.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
68 |  @import "./components/_toastify-content.css";
69 |  @import "./components/_lucide-icon.css";
70 |  @import "./components/_top-bar-boxed.css";
   |                                      ^
71 |  @import "./components/_mobile-menu.css";
72 |  @import "./components/_inbox-filter.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
69 |  @import "./components/_lucide-icon.css";
70 |  @import "./components/_top-bar-boxed.css";
71 |  @import "./components/_mobile-menu.css";
   |                                    ^
72 |  @import "./components/_inbox-filter.css";
73 |  @import "./components/_inbox.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
70 |  @import "./components/_top-bar-boxed.css";
71 |  @import "./components/_mobile-menu.css";
72 |  @import "./components/_inbox-filter.css";
   |                                     ^
73 |  @import "./components/_inbox.css";
74 |  @import "./components/_chat.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
71 |  @import "./components/_mobile-menu.css";
72 |  @import "./components/_inbox-filter.css";
73 |  @import "./components/_inbox.css";
   |                              ^
74 |  @import "./components/_chat.css";
75 |  @import "./components/_chat-dropdown.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
72 |  @import "./components/_inbox-filter.css";
73 |  @import "./components/_inbox.css";
74 |  @import "./components/_chat.css";
   |                             ^
75 |  @import "./components/_chat-dropdown.css";
76 |  @import "./components/_news.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
73 |  @import "./components/_inbox.css";
74 |  @import "./components/_chat.css";
75 |  @import "./components/_chat-dropdown.css";
   |                                      ^
76 |  @import "./components/_news.css";
77 |  @import "./components/_pricing-tabs.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
74 |  @import "./components/_chat.css";
75 |  @import "./components/_chat-dropdown.css";
76 |  @import "./components/_news.css";
   |                             ^
77 |  @import "./components/_pricing-tabs.css";
78 |  @import "./components/_error-page.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
75 |  @import "./components/_chat-dropdown.css";
76 |  @import "./components/_news.css";
77 |  @import "./components/_pricing-tabs.css";
   |                                     ^
78 |  @import "./components/_error-page.css";
79 |  @import "./components/_search-result.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
76 |  @import "./components/_news.css";
77 |  @import "./components/_pricing-tabs.css";
78 |  @import "./components/_error-page.css";
   |                                   ^
79 |  @import "./components/_search-result.css";
80 |  @import "./components/_notification-content.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
77 |  @import "./components/_pricing-tabs.css";
78 |  @import "./components/_error-page.css";
79 |  @import "./components/_search-result.css";
   |                                      ^
80 |  @import "./components/_notification-content.css";
81 |  @import "./components/_report-maps.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
78 |  @import "./components/_error-page.css";
79 |  @import "./components/_search-result.css";
80 |  @import "./components/_notification-content.css";
   |                                             ^
81 |  @import "./components/_report-maps.css";
82 |  @import "./components/_pos-dropdown.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
79 |  @import "./components/_search-result.css";
80 |  @import "./components/_notification-content.css";
81 |  @import "./components/_report-maps.css";
   |                                    ^
82 |  @import "./components/_pos-dropdown.css";
83 |  @import "./components/_post.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
80 |  @import "./components/_notification-content.css";
81 |  @import "./components/_report-maps.css";
82 |  @import "./components/_pos-dropdown.css";
   |                                     ^
83 |  @import "./components/_post.css";
84 |  @import "./components/_litepicker.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
81 |  @import "./components/_report-maps.css";
82 |  @import "./components/_pos-dropdown.css";
83 |  @import "./components/_post.css";
   |                             ^
84 |  @import "./components/_litepicker.css";
85 |  @import "./components/_tiny-slider.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
82 |  @import "./components/_pos-dropdown.css";
83 |  @import "./components/_post.css";
84 |  @import "./components/_litepicker.css";
   |                                   ^
85 |  @import "./components/_tiny-slider.css";
86 |  @import "./components/_tippy.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
83 |  @import "./components/_post.css";
84 |  @import "./components/_litepicker.css";
85 |  @import "./components/_tiny-slider.css";
   |                                    ^
86 |  @import "./components/_tippy.css";
87 |  @import "./components/_tabulator.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
84 |  @import "./components/_litepicker.css";
85 |  @import "./components/_tiny-slider.css";
86 |  @import "./components/_tippy.css";
   |                              ^
87 |  @import "./components/_tabulator.css";
88 |  @import "./components/_tom-select.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
85 |  @import "./components/_tiny-slider.css";
86 |  @import "./components/_tippy.css";
87 |  @import "./components/_tabulator.css";
   |                                  ^
88 |  @import "./components/_tom-select.css";
89 |  @import "./components/_dropzone.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
86 |  @import "./components/_tippy.css";
87 |  @import "./components/_tabulator.css";
88 |  @import "./components/_tom-select.css";
   |                                   ^
89 |  @import "./components/_dropzone.css";
90 |  @import "./components/_ckeditor.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
87 |  @import "./components/_tabulator.css";
88 |  @import "./components/_tom-select.css";
89 |  @import "./components/_dropzone.css";
   |                                 ^
90 |  @import "./components/_ckeditor.css";
91 |  @import "./components/_zoom-vanilla.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
88 |  @import "./components/_tom-select.css";
89 |  @import "./components/_dropzone.css";
90 |  @import "./components/_ckeditor.css";
   |                                 ^
91 |  @import "./components/_zoom-vanilla.css";
92 |  @import "./components/_dark-mode-switcher.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
89 |  @import "./components/_dropzone.css";
90 |  @import "./components/_ckeditor.css";
91 |  @import "./components/_zoom-vanilla.css";
   |                                     ^
92 |  @import "./components/_dark-mode-switcher.css";
93 |  @import "./components/_hljs.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
90 |  @import "./components/_ckeditor.css";
91 |  @import "./components/_zoom-vanilla.css";
92 |  @import "./components/_dark-mode-switcher.css";
   |                                           ^
93 |  @import "./components/_hljs.css";
94 |  @import "./components/_source-preview.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
91 |  @import "./components/_zoom-vanilla.css";
92 |  @import "./components/_dark-mode-switcher.css";
93 |  @import "./components/_hljs.css";
   |                             ^
94 |  @import "./components/_source-preview.css";
95 |  @import "./components/_full-calendar.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
92 |  @import "./components/_dark-mode-switcher.css";
93 |  @import "./components/_hljs.css";
94 |  @import "./components/_source-preview.css";
   |                                       ^
95 |  @import "./components/_full-calendar.css";
96 |  @import "./components/_pristine.css";
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
93 |  @import "./components/_hljs.css";
94 |  @import "./components/_source-preview.css";
95 |  @import "./components/_full-calendar.css";
   |                                      ^
96 |  @import "./components/_pristine.css";
97 |
✓ 1826 modules transformed.
'default' is not exported by node_modules/tabulator-tables/dist/js/tabulator_esm.js, imported by resources/js/tabulator.js
file: /web/deploy/resources/js/tabulator.js:3:7
1: import xlsx from "xlsx";
2: import { createIcons, icons } from "lucide";
3: import Tabulator from "tabulator-tables";
          ^
4:
5: (function () {
error during build:
Error: 'default' is not exported by node_modules/tabulator-tables/dist/js/tabulator_esm.js, imported by resources/js/tabulator.js
    at error (/web/deploy/node_modules/rollup/dist/shared/rollup.js:198:30)
    at Module.error (/web/deploy/node_modules/rollup/dist/shared/rollup.js:12555:16)
    at Module.traceVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:12914:29)
    at ModuleScope.findVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:11566:39)
    at FunctionScope.findVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:6486:38)
    at ChildScope.findVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:6486:38)
    at TrackingScope.findVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:6486:38)
    at BlockScope.findVariable (/web/deploy/node_modules/rollup/dist/shared/rollup.js:6486:38)
    at Identifier.bind (/web/deploy/node_modules/rollup/dist/shared/rollup.js:7553:40)
    at NewExpression.bind (/web/deploy/node_modules/rollup/dist/shared/rollup.js:5383:23)

I look forward to your reply. Thanks for your time. Regards.

Left4code Author

over 3 years ago

Hi,

We just released an update with the latest version of Laravel and vite, thanks.

PCarLoz

PCarLoz Purchased

over 3 years ago

Ook, thanks :)

Left4code Author

over 3 years ago

You’re welcome.. :)

gurjotsaini

gurjotsaini Purchased

over 3 years ago

If I run rpm run watch, the css breaks. Also, even a minor modification in the side navigation or in the top-dropdown stops them from working!

Left4code Author

over 3 years ago

Hi,

Thank you for reaching out,

Can you send step by step to reproduce the issue?

gurjotsaini

gurjotsaini Purchased

over 3 years ago

Hi, Thanks for the reply.

I was trying to implement side-menu-light-update-profile page on the profile page of the fresh Laravel install. After I implemented the modifications, I ran php artisan config:cache php artisan route:cache php artisan view:cache as some of the changes was not reflecting on the page.

After that, I ran rpm run dev and rpm run watch, which leads to the error.

Left4code Author

over 3 years ago

Hi,

Sorry, but I’m not sure I fully understand your problem. Please follow these steps to install the project dependencies.

https://i.imgur.com/uHqzna6.png

If you encounter a problem while running the project after installation please send us the detailed steps we can take to reproduce the issue.

b1tflipper

b1tflipper Purchased

over 3 years ago

Hello, thank you for the great theme! I have a question about resources/views/layout/components/top-bar.blade.php and typeahead/autocomplete search. Do you have an example of how typeahead/autocomplete search can be implemented to make the HTML example dynamic?

Left4code Author

over 3 years ago

Hi,

Thank you for reaching out,

Unfortunately, we don’t have any examples because we don’t use jquery plugin. But you can try the following steps.

1. Install jquery `yarn add jquery`.

2. Open this file `/resources/js/bootstrap.js` and replace `dom` plugin with `jquery`.
https://i.imgur.com/KxSJ9b9.png

3. Create a new file for `typehead` initialization `/resources/js/typehead.js`.

4. Import in `app.js`.
https://i.imgur.com/nAXejXW.png

5. You can import and initialize the plugin in `/resources/js/typeahead.js` with examples in the documentation.

Hope this helps.

hassnaouimohamedrachid

hassnaouimohamedrachid Purchased

over 3 years ago

Dear,

As Larvel switched from Webmix to ViteJs,

I want to ask if you will update your Laravel version of Midone to use Vite.

Thanks & Regards

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

Yes, of course, we will do the update in the next version.. :)

hassnaouimohamedrachid

hassnaouimohamedrachid Purchased

over 3 years ago

Thanks for this nice info,

Please, do you have an idea when you will release the next version ? A week, a month … ?

Thanks

Left4code Author

over 3 years ago

Hi,

We just released an update with the latest version of Laravel and vite, thanks.

kylnas

kylnas Purchased

over 3 years ago

Some css classes are not present in the final css.

For example the class of the button “btn-danger-soft” is not present. I usually use “npm run watch” to compile resources.

I tried with “npm run prod” but it didn’t work. It seems some classes are not compiled in the final css files.

Left4code Author

over 3 years ago

Hi,

Thank you for reaching out,

The new Tailwind JIT mode will only generate class names if the class is used in the HTML/Blade file, if the compiler doesn’t find the classname then the class will not be generated even if you use production command.

https://v2.tailwindcss.com/docs/just-in-time-mode

kylnas

kylnas Purchased

over 3 years ago

I had a problem with css but right now it seems gone.

Sorry :)

ynaderi

ynaderi Purchased

over 3 years ago

In small dimension the search bar redirect to the home page.

Left4code Author

over 3 years ago

Hi,

Thank you for reaching out to us,

Please use the following code ”/resources/views/layout/components/top-bar.blade.php”.


<!-- BEGIN: Top Bar -->
<div class="top-bar">
    <!-- BEGIN: Breadcrumb -->
    <nav aria-label="breadcrumb" class="-intro-x mr-auto hidden sm:flex">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Application</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
        </ol>
    </nav>
    <!-- END: Breadcrumb -->
    <!-- BEGIN: Search -->
    <div class="intro-x relative mr-3 sm:mr-6">
        <div class="search">
            <input type="text" class="search__input form-control border-transparent !w-auto focus:!w-auto sm:!w-60 sm:focus:!w-60"  placeholder="Search...">
            <i data-lucide="search" class="search__icon dark:text-slate-500" />
        </div>
        <div class="search-result !w-[320px] sm:!w-[450px] left-0 sm:left-auto">
            <div class="search-result__content">
                <div class="search-result__content__title">Pages</div>
                <div class="mb-5">
                    <a href="" class="flex items-center">
                        <div class="w-8 h-8 bg-success/20 dark:bg-success/10 text-success flex items-center justify-center rounded-full">
                            <i class="w-4 h-4" data-lucide="inbox" />
                        </div>
                        <div class="ml-3">Mail Settings</div>
                    </a>
                    <a href="" class="flex items-center mt-2">
                        <div class="w-8 h-8 bg-pending/10 text-pending flex items-center justify-center rounded-full">
                            <i class="w-4 h-4" data-lucide="users" />
                        </div>
                        <div class="ml-3">Users & Permissions</div>
                    </a>
                    <a href="" class="flex items-center mt-2">
                        <div class="w-8 h-8 bg-primary/10 dark:bg-primary/20 text-primary/80 flex items-center justify-center rounded-full">
                            <i class="w-4 h-4" data-lucide="credit-card" />
                        </div>
                        <div class="ml-3">Transactions Report</div>
                    </a>
                </div>
                <div class="search-result__content__title">Users</div>
                <div class="mb-5">
                    @foreach (array_slice($fakers, 0, 4) as $faker)
                        <a href="" class="flex items-center mt-2">
                            <div class="w-8 h-8 image-fit">
                                <img alt="Midone - HTML Admin Template" class="rounded-full" src="{{ asset('dist/images/' . $faker['photos'][0]) }}" />
                            </div>
                            <div class="ml-3 truncate">{{ $faker['users'][0]['name'] }}</div>
                            <div class="ml-auto w-48 truncate text-slate-500 text-xs text-right">{{ $faker['users'][0]['email'] }}</div>
                        </a>
                    @endforeach
                </div>
                <div class="search-result__content__title">Products</div>
                @foreach (array_slice($fakers, 0, 4) as $faker)
                    <a href="" class="flex items-center mt-2">
                        <div class="w-8 h-8 image-fit">
                            <img alt="Midone - HTML Admin Template" class="rounded-full" src="{{ asset('dist/images/' . $faker['images'][0]) }}" />
                        </div>
                        <div class="ml-3 truncate">{{ $faker['products'][0]['name'] }}</div>
                        <div class="ml-auto w-48 truncate text-slate-500 text-xs text-right">{{ $faker['products'][0]['category'] }}</div>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
    <!-- END: Search -->
    <!-- BEGIN: Notifications -->
    <div class="intro-x dropdown mr-auto sm:mr-6">
        <div class="dropdown-toggle notification notification--bullet cursor-pointer" role="button" aria-expanded="false" data-tw-toggle="dropdown">
            <i data-lucide="bell" class="notification__icon dark:text-slate-500" />
        </div>
        <div class="notification-content pt-2 dropdown-menu">
            <div class="notification-content__box dropdown-content">
                <div class="notification-content__title">Notifications</div>
                @foreach (array_slice($fakers, 0, 5) as $key => $faker)
                    <div class="cursor-pointer relative flex items-center {{ $key ? 'mt-5' : '' }}">
                        <div class="w-12 h-12 flex-none image-fit mr-1">
                            <img alt="Midone - HTML Admin Template" class="rounded-full" src="{{ asset('dist/images/' . $faker['photos'][0]) }}" />
                            <div class="w-3 h-3 bg-success absolute right-0 bottom-0 rounded-full border-2 border-white dark:border-darkmode-600" />
                        </div>
                        <div class="ml-2 overflow-hidden">
                            <div class="flex items-center">
                                <a href="javascript:;" class="font-medium truncate mr-5">{{ $faker['users'][0]['name'] }}</a>
                                <div class="text-xs text-slate-400 ml-auto whitespace-nowrap">{{ $faker['times'][0] }}</div>
                            </div>
                            <div class="w-full truncate text-slate-500 mt-0.5">{{ $faker['news'][0]['short_content'] }}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- END: Notifications -->
    <!-- BEGIN: Account Menu -->
    <div class="intro-x dropdown w-8 h-8">
        <div class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in" role="button" aria-expanded="false" data-tw-toggle="dropdown">
            <img alt="Midone - HTML Admin Template" src="{{ asset('dist/images/' . $fakers[9]['photos'][0]) }}" />
        </div>
        <div class="dropdown-menu w-56">
            <ul class="dropdown-content bg-primary text-white">
                <li class="p-2">
                    <div class="font-medium">{{ $fakers[0]['users'][0]['name'] }}</div>
                    <div class="text-xs text-white/70 mt-0.5 dark:text-slate-500">{{ $fakers[0]['jobs'][0] }}</div>
                </li>
                <li><hr class="dropdown-divider border-white/[0.08]" /></li>
                <li>
                    <a href="" class="dropdown-item hover:bg-white/5">
                        <i data-lucide="user" class="w-4 h-4 mr-2" /> Profile
                    </a>
                </li>
                <li>
                    <a href="" class="dropdown-item hover:bg-white/5">
                        <i data-lucide="edit" class="w-4 h-4 mr-2" /> Add Account
                    </a>
                </li>
                <li>
                    <a href="" class="dropdown-item hover:bg-white/5">
                        <i data-lucide="lock" class="w-4 h-4 mr-2" /> Reset Password
                    </a>
                </li>
                <li>
                    <a href="" class="dropdown-item hover:bg-white/5">
                        <i data-lucide="help-circle" class="w-4 h-4 mr-2" /> Help
                    </a>
                </li>
                <li><hr class="dropdown-divider border-white/[0.08]" /></li>
                <li>
                    <a href="" class="dropdown-item hover:bg-white/5">
                        <i data-lucide="toggle-right" class="w-4 h-4 mr-2" /> Logout
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- END: Account Menu -->
</div>
<!-- END: Top Bar -->
kylnas

kylnas Purchased

over 3 years ago

Hi, I need to load ajax data on modal content, but I did not find the way to do it.

I do something like this:

axios.get('url')
    .then(function (response) {
        const slideOver = tailwind.Modal.getOrCreateInstance(mySlideOverEl);
        // HERE I need to put the content of the ajax call inside the modal
        slideOver.show();
    })
    .catch(function (error) {
    })
    .then(function () {
    });

Is it possible? Thanks

Left4code Author

over 3 years ago

Hi there,

Thank you for reaching out to us,

You might try the following code.


// With vanillajs
document.querySelector('#basic-slide-over-preview .modal-body').innerHTML = response;

// With our package
$("#basic-slide-over-preview .modal-body").html(response)
<code>
</code>
kylnas

kylnas Purchased

over 3 years ago

Perfect, thanks

Left4code Author

over 3 years ago

You’re welcome!

Let me know if you have any further question… :)

Project8i Purchased

over 3 years ago

Hi,

I have installed as said in documentation but the issue is as in image https://imgur.com/r7r4eVF . The css seems to be broken or is disabled. Help me with this as soon as possible.

2 other replies

Left4code Author

over 3 years ago

Hi,

Thank you for your reply,

There seems to be something wrong with the way you are accessing the project which is causing the assets to not load properly.

Can you please try running ‘php artisan serve’ then access the link listed in the console to access the project. Normally the project can be accessed via ‘http://127.0.0.1:8000'.

Project8i Purchased

over 3 years ago

Hi the above is working on localhost but not on server. Giving 500 error. can you help with it?

Left4code Author

over 3 years ago

Hi,

You need to make sure your server root path points to the ”/public” directory. You may need to contact your server provider for help directing the server root path.

Regular License
Regular License Selected
$29

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$890

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$29
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from Left4code More Info

Price is in US dollars and excludes tax and handling fees

Featured item

This item was featured on ThemeForest

Elite author

Elite Author

View Portfolio
Last Update
High Resolution Yes
Compatible Browsers Firefox, Safari, Opera, Chrome, Edge
ThemeForest Files Included PHP Files, HTML Files, CSS Files, SCSS Files, JS Files
Columns 4+
Documentation Well Documented
Layout Responsive
Tags admin, backend, chat, clean, dashboard, flat, jquery, laravel dashboard, minimal, modern, responsive, tailwind, tailwind ocmponent, tailwind ui, tailwindcss
Created 6 years ago
© All Rights Reserved Left4code
Contact the Envato Market Help Team
Elements logo

Looking for unlimited downloads?

Subscribe to Envato Elements.

badge Millions of premium assets
thumbs up Great value subscription
Collage of Elements items
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey