I have an issue with setting up coreui admin template

Question

my issue is that I tried different methods of using this theme without any success

1- I followed the steps in the documentation as I clone the repo of the template then npm instal (npm run serve) -> never works with me and I used the CDN I tried multiple times with both bootstrap template and laravel template as my project is based on laravel but I'm trying the template in a new template

2- I saw a tutorial on youtube by (laravel daily) and he used the starter template so I also gave it a try but still the css isn't working

this is my code for app.blade.php




    
    
    

    
    
    

    {{ config('app.name', 'Laravel') }}



@include('partials.menu')
@yield('content')

and this is the home page code

@extends('layouts.app')

@section('content')
{{--  --}}

    
        
            
                {{ __('Dashboard') }}

                
                    @if (session('status'))
                        
                            {{ session('status') }}
                        
                    @endif

                    {{ __('You are logged in!') }}
                
            
        
    

@endsection

and this is the sidebar file which is in partials->menu.blade.php


    
        
        
    
    
        
                 DashboardNEW
        Theme
        
                 Colors
        
                 Typography
        Components
        
                 Base
            
                 Breadcrumb
                 Cards
                 Carousel
                 Collapse
                 Forms
                 Jumbotron
                 List group
                 Navs
                 Pagination
                 Popovers
                 Progress
                 Scrollspy
                 Switches
                 Tables
                 Tabs
                 Tooltips
            
        
        
                 Buttons
            
                 Buttons
                 Buttons Group
                 Dropdowns
                 Brand Buttons
            
        
        
                 Charts
        
                 Icons
            
                 CoreUI IconsFree
                 CoreUI Icons - Brand
                 CoreUI Icons - Flag
            
        
        
                 Notifications
            
                 Alerts
                 Badge
                 Modals
            
        
        
                 WidgetsNEW
        
        Extras
        
                 Pages
            
                
                         Login
                
                         Register
                
                         Error 404
                
                         Error 500
            
        
        
                 Download CoreUI
        
                 Try CoreUIPRO

and this is the output I'm getting

Image of the home page

user_9539538 · Answer

I just installed the vue version with npm and it works (even if you don't want to use vue).

npm install
Add @import '@coreui/coreui/dist/css/coreui.min.css'; (and any other required css file) to resources/css/app.css
Do the same for js files

user_3111338 · Answer

Follow the instructions to install the git repo
npm install
npm start
This will show you the compiled version on port 3000
open this file: \coreui-free-bootstrap-admin-template-main\dist\index.html
Replace "node_modules/" with "../node_modules/"
Now double click the index.html file to open normally. You should see the Admin Template properly. You need to fix the icons now.
Read the following: [http://glivera-team.github.io/svg/2019/03/15/svg-sprites-2.en.html]

I have an issue with setting up coreui admin template

2 Answers