web-dev-qa-db-ja.com

「キャッチされていないSyntaxError:予期しないトークン」 FullCalendarを使用

JQuery FullCalendarプラグインを使用しています。私はこのようにインポートします:

<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>

Chromeでpaheを読み込むときに、コンソールを開くと、次のエラーメッセージが表示されます。

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

このエラーは、次の行のFullCalendarプラグインのcssファイルにあるようです。

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

なぜ「。」 「fc」が間違っている前に?何が間違っているのでしょうか?

37
Xar

これは.cssファイルです。つまり、スクリプトではなくカスケードスタイルシートです。 <link>タグではなく、<script>タグが必要です。

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

<script>タグを使用してロードしようとすると、CSSがJavaScriptとして解釈され、無効であるためエラーがスローされます。 JavaScript識別子の先頭で.を使用することはできないため、「コード」内のその位置にあるものを見つけることを期待していません。

110
Anthony Grist