web-dev-qa-db-fra.com

"SyntaxError Uncaught: jeton inattendu." avec FullCalendar

Je travaille avec le plugin jQuery FullCalendar. J'importe comme ça:

<link rel="stylesheet" type="text/css" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.print.css"></link>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css"></script>

Lorsque je charge le pahe avec Chrome, si j'ouvre la console, je peux voir ce message d'erreur:

Uncaught SyntaxError: Unexpected token . cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css:8

Donc, l'erreur semble être dans le fichier css du plugin FullCalendar, dans cette ligne:

.fc {
direction: ltr;
text-align: left;
}

Pourquoi cela "." avant que "fc" se trompe? Une idée de ce qui ne va pas?

javascriptfullcalendar
37
Xar

C'est un .css fichier, ce qui signifie qu'il s'agit d'une feuille de style en cascade et non d'un script. Vous voulez une <link> tag plutôt qu'un <script> une.

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css"/>

Tentative de chargement à l'aide d'un <script> tag entraîne l'interprétation de votre CSS en tant que JavaScript et génère l'erreur car elle n'est pas valide. Vous ne pouvez pas utiliser un . au début d'un identifiant JavaScript donc il ne s'attend pas à en trouver un à cette position dans le "code".

110
Anthony Grist