herokuで「Internal Server Error」が出てしまう

Question

#概要
Flaskを用いて、web上でのクイアプリ（ランダムに出題され、正誤判定が出る）を作成しています。
ローカルでは問題なく動くものの、herokuにデプロイした環境では特定のページが「Internal Server Error」　になってしまっています。
解決策をご教示いただけると嬉しいです。よろしくお願いいたします。

#ファイル構成
app.py
templates
|-base.html
|-index.html
|-question.html
quiz.csv
など。
トップページである「https://shikaq.herokuapp.com/」は正常に表示されますが、「https://shikaq.herokuapp.com/question」を開くとエラーが出てしまう状況です。

#herokuのログ

2021-12-18T04:11:09.679243+00:00 app[web.1]: [2021-12-18 04:11:09,678] ERROR in app: Exception on /question [GET]
2021-12-18T04:11:09.679252+00:00 app[web.1]: Traceback (most recent call last):
2021-12-18T04:11:09.679253+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.9/site-packages/flask/app.py", line 2070, in wsgi_app
2021-12-18T04:11:09.679253+00:00 app[web.1]: response = self.full_dispatch_request()
2021-12-18T04:11:09.679254+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.9/site-packages/flask/app.py", line 1515, in full_dispatch_request
2021-12-18T04:11:09.679255+00:00 app[web.1]: rv = self.handle_user_exception(e)
2021-12-18T04:11:09.679255+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.9/site-packages/flask/app.py", line 1513, in full_dispatch_request
2021-12-18T04:11:09.679256+00:00 app[web.1]: rv = self.dispatch_request()
2021-12-18T04:11:09.679256+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.9/site-packages/flask/app.py", line 1499, in dispatch_request
2021-12-18T04:11:09.679256+00:00 app[web.1]: return self.ensure_sync(self.view_functions[rule.endpoint])(**req.view_args)
2021-12-18T04:11:09.679257+00:00 app[web.1]: File "/app/app.py", line 79, in read
2021-12-18T04:11:09.679257+00:00 app[web.1]: + str(q_num)/10*100 + '%;" aria-valuenow="' + str(q_num)/10*100
2021-12-18T04:11:09.679257+00:00 app[web.1]: NameError: name 'q_num' is not defined
2021-12-18T04:11:09.679952+00:00 app[web.1]:xxx - - [18/Dec/2021:04:11:09 +0000] "GET /question HTTP/1.1" 500 290 "https://shikaq.herokuapp.com/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/xxx (KHTML, like Gecko) Chrome/xxx
 Safari/xxx"
2021-12-18T04:11:09.682762+00:00 heroku[router]: at=info method=GET path="/question" host=shikaq.herokuapp.com request_id=XXX fwd="xxx" dyno=web.1 connect=0ms service=2ms status=500 bytes=463 protocol=https

#該当のソースコード

from flask import Flask, render_template, request
import reload
import sys
sys.dont_write_bytecode = True

app = Flask(__name__)

global df_all
df_all = reload.df


@app.route('/')
def index():

    global df_all
    df_all = reload.df

    global q_df
    q_df = reload.df
    q_df = q_df.sample(n=10).reset_index(drop=True)

    global list_question
    list_question = list(q_df.loc[:, 'question'])

    global list_q_type
    list_q_type = list(q_df.loc[:, 'q_type'])

    global list_choice_1
    list_choice_1 = list(q_df.loc[:, 'choice_1'])

    global list_choice_2
    list_choice_2 = list(q_df.loc[:, 'choice_2'])

    global list_choice_3
    list_choice_3 = list(q_df.loc[:, 'choice_3'])

    global list_choice_4
    list_choice_4 = list(q_df.loc[:, 'choice_4'])

    global list_choice_5
    list_choice_5 = list(q_df.loc[:, 'choice_5'])

    global list_answer
    list_answer = list(q_df.loc[:, 'answer'])

    global list_category
    list_category = list(q_df.loc[:, 'category'])

    global list_comment
    list_comment = list(q_df.loc[:, 'comment'])

    global list_index
    list_index = list(q_df.index)

    global list_id
    list_id = list(q_df.loc[:, 'id'])

    global list_choice
    list_choice = []

    global list_truefalse
    list_truefalse = []

    global q_num  # リスト指定用。その問題が表示された時にリストの何番目を選択するのか
    q_num = 0

    return render_template('index.html')


@app.route('/question', methods=['GET', 'POST'])
def read():
    global q_num
    if request.method == 'GET':
        choice = request.args.get('send', 'None Selected')

        progress = '<div class="progress-bar" role="progressbar" style="width:'
        + str(q_num)/10*100 + '%;" aria-valuenow="' + str(q_num)/10*100
        + '" aria-valuemin="0" aria-valuemax="100"></div>'
        return render_template('question.html', choice=choice,
                               list_question=list_question,
                               list_q_type=list_q_type,
                               list_choice_1=list_choice_1,
                               list_choice_2=list_choice_2,
                               list_choice_3=list_choice_3,
                               list_choice_4=list_choice_4,
                               list_choice_5=list_choice_5,
                               list_answer=list_answer,
                               list_category=list_category,
                               list_comment=list_comment,
                               list_index=list_index,
                               q_num=q_num,
                               list_id=list_id,
                               list_truefalse=list_truefalse,
                               progress=progress)

    elif request.method == 'POST':
        choice = request.form.get("send")
        list_choice.append(choice)
        progress = '<div class="progress-bar" role="progressbar" style="width:'
        +  str(q_num)/10*100 + '%;" aria-valuenow="' + str(q_num)/10*100
        + '" aria-valuemin="0" aria-valuemax="100"></div>'
        list_truefalse.append(list_choice[q_num] == list_answer[q_num])
        q_num = len(list_choice)

        return render_template('question.html', choice=choice,
                               list_question=list_question,
                               list_q_type=list_q_type,
                               list_choice_1=list_choice_1,
                               list_choice_2=list_choice_2,
                               list_choice_3=list_choice_3,
                               list_choice_4=list_choice_4,
                               list_choice_5=list_choice_5,
                               list_answer=list_answer,
                               list_category=list_category,
                               list_comment=list_comment,
                               list_index=list_index,
                               list_choice=list_choice,
                               q_num=q_num,
                               list_id=list_id,
                               list_truefalse=list_truefalse,
                               progress=progress)


@app.route('/result')
def result():
    true_count = list_truefalse.count(True)
    answered_count = len(list_truefalse)
    true_rate = true_count / answered_count

    pie = "<div class='pie' style='display: flex; justify-content: center;"
    + "align-items: center; margin-right: auto; margin-left: auto;"
    +"width: 300px; height: 300px; font-size: 26px; font-weight: 700;"
    + "background-image: radial-gradient(#f2f2f2 30%, transparent 31%),"
    + "conic-gradient(#0A8EA0 0% "
    + str(round(true_rate*100)) + "%, #d9d9d9 " + str(round(true_rate*100))
    + "% 100%); border-radius: 50%;'>"
    + str(round(true_rate*100)) + "%</div>"

    return render_template('result.html',
                           list_question=list_question,
                           list_q_type=list_q_type,
                           list_choice_1=list_choice_1,
                           list_choice_2=list_choice_2,
                           list_choice_3=list_choice_3,
                           list_choice_4=list_choice_4,
                           list_choice_5=list_choice_5,
                           list_answer=list_answer,
                           list_comment=list_comment,
                           list_index=list_index,
                           q_num=q_num,
                           list_id=list_id,
                           list_truefalse=list_truefalse,
                           true_rate=true_rate,
                           pie=pie)


@app.route('/qanda/<int:id>')
def read_qa(id):
    post = df_all.loc[id]

    return render_template('qanda.html', post=post)


@app.errorhandler(404)
def page_not_found(error):
    return render_template('404.html'), 404


if __name__ == "__main__":
    app.run()

Answer 1

2021-12-18T04:11:09.679257+00:00 app[web.1]: + str(q_num)/10*100 + '%;" aria-valuenow="' + str(q_num)/10*100
2021-12-18T04:11:09.679257+00:00 app[web.1]: NameError: name 'q_num' is not defined

このエラーを見ると、q_numが未定義でエラーが出ています。正確にはグローバル変数で一応名前は定義していますが、/questionにアクセスするだけだとq_numに何も変数に値が入ってない状態なのでバグってエラーになっています。
不特定多数の人がアクセスするわけなので、誰もが/から入ってアクセスするわけじゃないことは頭に入れておいたほうがいいです。

あと、Webアプリでグローバル変数はどんな値が入っているのか保証はないのであまり使わないことをおすすめします（アプリケーションの設計次第ですが）

Comments

[mmtt]

回答ありがとうございます。いただいたアドバイスの通り、/questionにアクセスするだけでq_numを定義できるよう修正することで解決しました。
この度はありがとうございました！

Answer 2

• 「https://shikaq.herokuapp.com/quesrion」を開くとエラーが出てしまう状況です。

@app.route('/question', methods=['GET', 'POST'])

なのですからquesrionではなくquestionでしょう。

Comments

[mmtt]

失礼しました。質問で誤字をしておりました。
「https://shikaq.herokuapp.com/question」を開いてもエラーが出てしまう状況です。