Flask应用页面全黑，Jinja2变量未在H1标签中渲染求助

1. 先修复Jinja2变量不渲染的核心问题 #

你的后端代码漏掉了render_template的导入，Flask根本识别不了这个模板渲染函数，直接导致变量无法解析。修改后的后端代码如下：

from flask import Flask, render_template  # 补上render_template的导入

app = Flask(__name__)

@app.route("/")
def hello_world():
    return render_template("index.html", magic_word="alakazam")

if __name__ == '__main__':
    app.run(debug=True)

同时必须确认模板文件的位置：Flask默认只会在项目根目录下的templates文件夹里找模板，你的index.html必须放在这个文件夹里，正确的目录结构应该是这样：

你的项目文件夹/
├── app.py（你的后端代码文件）
└── templates/
    └── index.html

2. 解决页面全黑的问题 #

页面全黑一般和这几个情况有关：

• 后端报错导致页面异常：修复上面的导入问题后，重启Flask服务，按F12打开浏览器开发者工具，查看控制台是否有500服务器错误或404找不到模板的提示，根据报错再调整。
• 浏览器自身设置：检查浏览器是否开启了强制暗黑模式，或者清空缓存后换个浏览器试试。
• 页面样式缺失：当前模板没设置背景样式，默认应该是白色背景。如果修复变量后还是黑的，直接在<head>里加个基础样式强制指定：

<!DOCTYPE html>
<html>
  <head>
    <title>Python app</title>
    <style>
      body { background-color: #fff; color: #000; }
    </style>
  </head>
  <body>
    <h1>blah blah blah {{ magic_word }}</h1>
  </body>
</html>

内容的提问来源于stack exchange，提问作者Arjun P