python – Why can't I console log data from my flask application? I am using jinja-ThrowExceptions

Exception or error:

I am trying load data into my flask page, and console log it, however I keep getting the below error

VM165:1 Uncaught ReferenceError: data is not defined
    at <anonymous>:1:13

These are the code snippets from my .py and .html

import os
from flask import Flask, render_template, jsonify, request, redirect
import json

app = Flask(__name__)

def home():
    json_file = open("/Users/-------/Documents/GitHub/Geospatial-Opportunities-for-Supermarkets/supermarket_locations/longos_locations.json", "r", encoding ="utf-8")
    data = json.load(json_file)
    return render_template("index.html", data = data)
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Supermarkets in Toronto</title>

  <link rel="stylesheet" href="" />
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <script> var data = '{{data}}'; </script>
How to solve:

Looks like I had 2 index.html files and I was using the wrong one

Leave a Reply

Your email address will not be published. Required fields are marked *