How to Integrate AdminLTE with Laravel 5 5 using NPM

How to Integrate AdminLTE with Laravel 5 5 using NPM. Without using any Laravel package, we are going to add AdminLTE to Laravel 5.5. It will be faster an independent.

[viralvideosworld]

LOVE YOU GUY.IT WAS EXACTLY I WAS SEARCHING FOR A LONG TIME :0 THANX A LOT.YOU ROCKED.MAY GOD BLESS U.LET TIME TO IMPLIMENT :)

[vstruhar]

Thanks a million, finally found a proper way to use AdminLTE from npm in a Laravel project!

[Osteele]

Another way to fix the "SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; " error is to add in AppServiceProvider.php in the public function boot() section. Don't forget to bring in as well

[JeremyAndersonBoise]

Nice of you to put this together but I found the music agonizing, sadly. If you have built Laravel before you can skip to 04:00

[jannatulnayeem]

It was really amazing. Thanks for your video. I was looking for exactly like this. Could you please share any other admin panel like adminLTE.

[HaroonKhan-nxwl]

I am unable to find skins directory in css directory of node_module folder.

[JM-puih]

Genial q hicieras un video de como hacerlo funcional del todo

[neerajsinghtangariya]

The video you put it working for simple starter page. But In my case Datatable, Select2, sweetalert is not working. How to load all plugins js of admin lte? can you please tell me. Normal page is working bootstrap jquery load. But additional admin-lte plugin is not working.

[hugocano]

Thanks for the contribution, it is possible with this method for laravel 5.6 with bootstrap 4 adminlte 3.0

[loremipsum]

I followed carefully the tutorial. But the toggle sidemenu doesn't work. But when I Change the resolution of the screen it works only in the fullscreen. Can anybody help me...

Update:
The toggle menu problem has been fixed by putting the script in the master page. The original and based in the tutorial are placed inside the app.js file. Btw, I'm using the version on admin-lte 2.4.2 which is the latest.

[uroshcs]

Thanks for the video, this is exactly what I needed. I have a problem that none of the font-awesome icons are visible. I've fixed it by including a CDN, but how can I do it like you?

[OpenedProductions]

When I try and run NPM Run Watch (on Debian 9), I get the following error: Module build failed: ModuleBuildError: Module build failed: Error: error while loading shared libraries: libpng12.so.0: cannot open shared object file: No such file or directory

[usmaness]

for font awesome, just add this line as well in app.scss


@import

[romitbhandari]

skin module is not there in admin-lte install with npm

[anujme]

my nav bar and css is still broken :{
or do i need bootstrap 3?

[PriyaGupta-gviu]

after done the changes in app.scss, included css file of admin lte but i removed den but still getting this error while running command "npm run dev" can any one help with this ....


> @ development C:\xampp\htdocs\GOAL
> cross-env NODE_ENV=development --progress --hide-modules

98% after emitting SizeLimitsPlugin

ERROR Failed to compile with 2 errors
error in

Syntax Error: ModuleBuildError: Module build failed (from
SyntaxError

(64:2) Missed semicolon

62 | input[type="checkbox"] {
63 | margin: 4px 0 0;
> 64 | margin-top: 1px \9; // IE8-9
| ^
65 | line-height: normal;
66 |
error in

Syntax Error: SyntaxError

(64:2) Missed semicolon

62 | input[type="checkbox"] {
63 | margin: 4px 0 0;
> 64 | margin-top: 1px \9; // IE8-9
| ^
65 | line-height: normal;
66 |

@ 2:14-266
Asset Size Chunks Chunk Names
/js/app.js 1.2 MiB /js/app [emitted] /js/app

ERROR in
Module build failed (from
ModuleBuildError: Module build failed (from
SyntaxError

(64:2) Missed semicolon

62 | input[type="checkbox"] {
63 | margin: 4px 0 0;
> 64 | margin-top: 1px \9; // IE8-9
| ^
65 | line-height: normal;
66 |

at runLoaders
at
at
at context.callback
at
@

ERROR in
Module build failed (from
SyntaxError

(64:2) Missed semicolon

62 | input[type="checkbox"] {
63 | margin: 4px 0 0;
> 64 | margin-top: 1px \9; // IE8-9
| ^
65 | line-height: normal;
66 |

@ 2:14-266
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development --progress --hide-modules
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development` npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!

[rehmatakbari]

kindly share me any CMS full tutorial plz

[omranimohamedamine]

files in app.scss, could you help me ?thanx

[amitthorat]

hi i m getting a error for npm run watch command ....can u help me out

[vladblm]

omfg this music is so fucking annoying. Thanks for the video though, it was informational