Nefungující CSS a JSS přes Bower

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
před 8 lety
spulakk
Člen | 6
+
0
-

Zdravím,
snažím se ve svém projektu použít Datagrid od Ublaboo, Datagrid jsem stáhnul přes Composer a jeho potřebné CSS a JS přes Bower. Problém je, že aplikace z nějakého důvodu nemůže najít cestu k těm bower_components. CSS se tím pádem nenačte a JS vyhodí error v konzoli. Setkal se někdo s něčím podobným?

layout.latte:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="{$basePath}/css/style.css">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../bower_components/happy/dist/happy.css">
	<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css">
	<link rel="stylesheet" type="text/css" href="../bower_components/ublaboo-datagrid/assets/dist/datagrid.css">
	<link rel="stylesheet" type="text/css" href="../bower_components/ublaboo-datagrid/assets/dist/datagrid-spinners.css">
	<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css">

	<title>{ifset title}{include title|stripHtml} | {/ifset}Ceník</title>
</head>

<body>
	<div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div>

	{include content}

	{block scripts}
		<script src="../bower_components/jquery/dist/jquery.js"></script>
		<script src="../bower_components/nette-forms/src/assets/netteForms.js"></script>
		<script src="../bower_components/nette.ajax.js/nette.ajax.js"></script>
		<script src="../bower_components/happy/dist/happy.js"></script>
		<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
		<script src="../bower_components/jquery-ui-sortable/jquery-ui-sortable.js"></script>
		<script src="../bower_components/ublaboo-datagrid/assets/dist/datagrid.js"></script>
		<script src="../bower_components/ublaboo-datagrid/assets/dist/datagrid-instant-url-refresh.js"></script>
		<script src="../bower_components/ublaboo-datagrid/assets/dist/datagrid-spinners.js"></script>
		<script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
		<script src="../bower_components/bootstrap-select/dist/js/bootstrap-select.js"></script>
		<script>
            $.nette.init();
		</script>
	{/block}
</body>
</html>

konzole:

Loading failed for the <script> with source “http://localhost/nette-project/bower_components/jquery/dist/jquery.js”.
www:304
//to samé pro každý JS
ReferenceError: $ is not defined[Learn More]
www:316:13

Předem děkuji za odpovědi.

před 8 lety
andros
Člen | 145
+
+3
-

Složka bower_components musí být ve složce www.

V layoutu pak mám:

 <script src="{$basePath}/bower_components/jquery/dist/jquery.js"></script>

Zde najdeš mimo jiné i seznam všech užitečných proměnných, které presenter předává do šablon:

https://doc.nette.org/…n/presenters

před 8 lety
spulakk
Člen | 6
+
0
-

Super, to bylo ono, basepath už jsem předtím zkoušel ale nedošlo mi, že to musí být ve složce www. Díky