railsで開発したwebアプリをPWA化したいが、manifest.jsonで謎のsyntaxエラーが起きる。

開発環境
・rails5.1.6
・AWS
・windows10
・Heroku(https対応済み)
エラー内容
デベロッパーツールのconsoleで以下のようなエラーが出てしまいます。

error1
1Manifest: Line: 1, column: 1, Syntax error.

error2
1GET http://hogehoge.vfs.cloud9.us-east-1.amazonaws.com/manifest.json 499 (unknown)

現状としましては、デベロッパーツールのapplicationのManifestでmanifest.jsonのnameなどの内容が反映されず、空白になっています。
また、デベロッパーツールのserviceworkersでは、activated and is runningの表示があり、offlineにした時public/offline.htmlの内容が反映されています。

serviceworker
1[Companion] Service worker registered!

上ような表示がconsole上に表示されているので、serviceworker-companion.jsは動作していると思います。

serviceworker.js.erbのconsole
1[Serviceworker] Installing! InstallEvent
2serviceworker.js:24 [Serviceworker] Activating! ExtendableEvent
3serviceworker.js:54 [Serviceworker] Fetching offline content FetchEvent

上の様な表示がconsole上に表示されているので、serviceworker.js.erbも動作していると思います。

manifest.json.erbは次のようになっています。

manifest.json.erb
1<% icon_sizes = Rails.configuration.serviceworker.icon_sizes %>
2{
3  "name": "app name",
4  "short_name": "app name",
5  "start_url": "/",
6  "icons": [
7  <% icon_sizes.map { |s| "#{s}x#{s}" }.each.with_index do |dim, i| %>
8    {
9      "src": "<%= image_path "serviceworker-rails/icon-#{dim}.png" %>",
10      "sizes": "<%= dim %>",
11      "type": "image/png"
12    }<%= i == (icon_sizes.length - 1) ? '' : ',' %>
13  <% end %>
14  ],
15  "theme_color": "#000000",
16  "background_color": "#ff7171",
17  "display": "standalone",
18  "orientation": "portrait"
19}
20