LINE Bot のデバッグ用にNgrokを使用したいが、エラーが発生する。

前提・実現したいこと

Heroku + Rails6 でLINE Botの開発中、動作確認のためにいちいちデプロイしなくてはいけないので、Ngrokを導入してローカルで動作確認したい。

発生している問題・エラーメッセージ

LINE経由でローカルアプリにアクセスができない。

##エラーメッセージ
Webhookイベントオブジェクトを送信したときにエラーが発生しました

ブラウザからhttps://{乱数}.ngrok.ioにはアクセスできます。
LINE からテキストを送ったり、上記のLINE Developperサイトから検証をしても反応がない。ngrokのログにも何も表示されません。

HerokuにデプロイしたURLを打つと問題なく成功します。なので、Railsアプリのプログラム以外の問題だと考えていますが、どこを見たら良いのかわからず、詰まっています。

該当のソースコード

## /.env
LINE_CHANNEL_SECRET = "{チャネルシークレット}"
LINE_CHANNEL_TOKEN = "{チャネルアクセストークン（長期）}"

Ruby
1## config/environments/development.rb
2Rails.application.configure do
3  ...
4  config.hosts << '.ngrok.io'
5end

補足情報（FW/ツールのバージョンなど）

Rails6
ngrok 2.3.35

行動規範の内容に同意します

回答1件

ベストアンサー

当方も困っています。
４月に試したとろOK（Success)だってのですが、昨日試したところエラーになりどうしたのかと調べていました。。
Chromeのディベロッパーツールに、下記のエラーが出ていました。

javascript
1vue.runtime.esm.js:1888 TypeError: Cannot read property 'subscribeDataChanging' of undefined
2    at o.beforeMount (vue-i18n.esm.js:309)
3    at ne (vue.runtime.esm.js:1854)
4    at Dn (vue.runtime.esm.js:4219)
5    at In (vue.runtime.esm.js:4043)
6    at o._i.$mount (vue.runtime.esm.js:8415)
7    at index.js:623
8    at new Promise (<anonymous>)
9    at o.$alert (index.js:619)
10    at o.<anonymous> (Webhook.vue:239)
11    at w (runtime.js:62)