bootstrap.cssの読み込みでリソースマップエラー

2019年10月23日

ブラウザのコンソールに以下のようなエラーが表示される。

ソースマップエラー: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
リソース URL: http://localhost:8080/foo/bar/css/bootstrap.css
ソースマップ URL: bootstrap.css.map

これは警告だけで、問題は無いらしい。単純にbootstrap.cssの中に「リソースマップ読み込み」指示が記述されているにも関わらず、そのリソースマップが無いために起こるらしい。

これはbootstrap.cssの最後の部分のようだ。

.alert-light,
.alert-light a,
.alert-light .alert-link {
  color: #212529;
}

.modal .close {
  color: #000;
}

/*# sourceMappingURL=bootstrap.css.map */

単純にこれを削除してしまえばよい。

しかし、わざわざ「/*#」を特別なディレクティブとして用いているようなのだが、こういうことはやめていただきたいものなのだが。。。。