Boa tarde galera tudo bem? 
Então estou desenvolvendo um pequeno sistema com o Codeigniter, e para isso estou utilizando o template [AdminLTE][1], e agora estou criando a parte de calendário+agenda e para isso estou utilizando [Fullcalendar][2]

    $this->template->set('title', 'Lista de Clientes');
	$data['clientes'] = $this->model->listar();
	$this->template->load('layout', 'clientes_lista.phtml', $data);

Utilizando o Template desta forma já conseguir gerar diversas views mas ao tentar utilizar com o Fullcalendar ele desconfigura o template e não exibe o calendário como vou mostrar abaixo

Template funcionando:
[![inserir a descrição da imagem aqui][3]][3]

Template com o Fullcalendar:
[![inserir a descrição da imagem aqui][4]][4]

O estranho é que se carregar a view do meu calendário de maneira normal ele abre sem problemas 
    $this->load->view('calendar_v.php'); meu calendário 

Utilizando apenas a view do fullcalendar:
[![inserir a descrição da imagem aqui][5]][5]

Código da view do calendário:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset='utf-8' />
    <link href=' <?php echo base_url(); ?>assets/calendar/fullcalendar.min.css' rel='stylesheet' />
    <link href='<?php echo base_url(); ?>assets/calendar/fullcalendar.print.min.css' rel='stylesheet' media='print' />
    <script src='<?php echo base_url(); ?>assets/calendar/lib/moment.min.js'>         </script>
    <script src='<?php echo base_url(); ?>assets/calendar/lib/jquery.min.js'>   </script>
    <script src='<?php echo base_url(); ?>assets/calendar/fullcalendar.min.js'> </script>
    <script>

	$(document).ready(function() {
		
		$.post('<?php echo base_url();?>calendar2/getEvents', 
			function(data){
			//alert(data);

		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,basicWeek,basicDay'
			},
			defaultDate: new Date(),
			navLinks: true, // can click day/week names to navigate views
			editable: true,
			eventLimit: true, // allow "more" link when too many events
			events: $.parseJSON(data)
		});
	   });
    });
    </script>


    <style>

	body {
		margin: 40px 10px;
		padding: 0;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 14px;
	}

	#calendar {
		max-width: 800px;
		margin: 0 auto;
	   }

       </style>
      </head>
     <body>

	   <div id='calendar'></div>

      </body>
      </html>

Devido a minha inexperiência não consigo encontrar o porque desse comportamento, não sei se o AdminLTE tem alguma incompatibilidade como script ou algo assim, também não sei se por em ambas as views(template e calendário) possuírem a tag <head></head> pode gerar algum problema, emfim desde já agradeço. 


Edit:
dando uma olha no console encontrei o seguinte erro:
[![inserir a descrição da imagem aqui][6]][6]


  [1]: https://almsaeedstudio.com/themes/AdminLTE/index2.html
  [2]: https://fullcalendar.io/
  [3]: https://i.sstatic.net/9p5JC.png
  [4]: https://i.sstatic.net/ufpVp.png
  [5]: https://i.sstatic.net/Y0o3c.png
  [6]: https://i.sstatic.net/AAUs7.png