# Handsontable エラー(Uncaught SyntaxError: Invalid or unexpected token)について

**URL:** <https://community.cybozu.dev/t/topic/5130>\
**Category:** kintone 開発相談\
**Created:** [2021 年 7 月 29 日午前 7:03 UTC](https://community.cybozu.dev/t/topic/5130 "2021-07-29T07:03:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2730](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@Legacy\_Account2730](https://community.cybozu.dev/u/Legacy_Account2730)\
**Post date:** [2021 年 7 月 29 日午前 7:03 UTC](https://community.cybozu.dev/t/topic/5130/1 "2021-07-29T07:03:33Z")

</div>

kintoneカスタマイズを始めて間もない草野と申します。

表計算ソフト的に入力したいとの要望があり、kintone tips記事など参考にしてHandsontableの組み込みを試行しています。 ヘッダーやデータの表示は問題なくできたのですが、罫線が正しく表示されません。コンソールを確認したところ、handsontable.full.min.cssの1行目(@charset “UTF-8”;)で以下エラーとなっていました。

Uncaught SyntaxError: Invalid or unexpected token

・ChromeおよびEdgeの最新版で試して同じ現象です。

・カスタマイズコードを削って以下の状態にしても現象が変わりません。

```
kintone.events.on('app.record.index.show', function(event) {
};

```

・カスタマイズコード以外に導入しているのは以下の3ファイルです。

jquery.min.js (3.6.0)、handsontable.full.min.js(6.2.2)、handsontable.full.min.css(6.2.2)

誤りや対処法についてありましたらお教えください。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 7 月 30 日午前 2:17 UTC](https://community.cybozu.dev/t/topic/5130/2 "2021-07-30T02:17:09Z")

</div>

同じバージョンで試しましたが正常に動作しているようです。

cssファイルがおかしいのかと思い、あえて不一致になるようにshift-jis形式で保存してみましたがエラーになりませんでした。

再度cssファイルをアップしてみて状況はかわらないでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2730](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@Legacy\_Account2730](https://community.cybozu.dev/u/Legacy_Account2730)\
**Post date:** [2021 年 7 月 30 日午前 3:42 UTC](https://community.cybozu.dev/t/topic/5130/3 "2021-07-30T03:42:01Z")

</div>

ご助言ありがとうございます。

cssファイルはkintone CDNにあるものを[URL指定にて追加]で登録していました。

問題ないはずということが分かりましたので、こちらの環境で引き続き試してみます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2730](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@Legacy\_Account2730](https://community.cybozu.dev/u/Legacy_Account2730)\
**Post date:** [2021 年 7 月 30 日午前 4:13 UTC](https://community.cybozu.dev/t/topic/5130/4 "2021-07-30T04:13:00Z")

</div>

大変お騒がせしました。自己解決いたしました。

[PC用のCSSファイル]ではなく、誤って[PC用のJavaScriptファイル]から[URL指定にて追加]を選択していたためでした。

[PC用のJavaScriptファイル]にてcssファイルを[アップロードして追加]すると「「handsontable.full.min.css」はアップロードが許可されていない形式のファイルです。」と表示されていたので、そこで気づくべきでした。

いろいろ調査・アドバイスいただきましたこと御礼申し上げます。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 7 月 30 日午前 4:59 UTC](https://community.cybozu.dev/t/topic/5130/5 "2021-07-30T04:59:22Z")

</div>

私も再現しようとしたときに、JavaScriptのところにCSSをアップしようとして同じエラーを見ていました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 10 月 5 日午前 12:40 UTC](https://community.cybozu.dev/t/topic/5130/6 "2023-10-05T00:40:24Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
