Solution 1 :

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

Problem :

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="[email protected]/dist/leaflet.css" />
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <script> var data = '{{data}}'; </script>


Comment posted by……

Comment posted by mechanical_meat

Don’t put the quotes around it. Are you doing just

Comment posted by mrEvgenX

Just now I tried to reproduce the issue, but the code snippets you have shown worked well.

Comment posted by mechanical_meat

Yes, @mrEvgenX this is working for me too.

Comment posted by leaflet map

if you don’t use