Javascript web应用程序出错

我使用python、flask和html创建了一个网页应用程序。我创建了一个简单的索引页，可以访问其他网页，但每次运行应用程序时，都会出现以下错误：

正在为已承载的元素调用Element.createShadowRoot（） 不推荐使用阴影根

烧瓶应用程序：

import flask as fl
import itertools as it

app = fl.Flask(__name__)

@app.route("/")
def root():
    return app.send_static_file('index.html')

@app.route("/perms", methods=["GET", "POST"])
def perms():
    perms = [''.join(p) for p in it.permutations(fl.request.values["userinput"])]
    return '\n'.join(perms)

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

Html:

我的音乐商店是什么？
这是一个单一的web应用程序，允许用户存储他们喜爱的歌曲和艺术家，这样他们就永远不会忘记一首歌曲

好的，显然问题可能会比代码更深一点。当您试图操作DOM元素时，很可能无法加载JavaScript库。在您的代码中，请尝试按以下方式构造它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

---

将

bootstrap.min.css

放在底部，以便在JavaScript库之后加载。我想您可以在这个问题上找到更深入的解释。

您能展示一下您的代码吗？好的开始，现在展示你的Python代码…实际问题可能在哪里..javascript错误似乎与问题中包含的代码没有任何关系。您确定这不是由某些浏览器插件引起的吗？在浏览器javascript控制台中，您应该能够获得错误触发位置的引用。ShadowRoot是一种实验性javascript功能，大多数web浏览器都不支持它。所以这与烧瓶无关。非常感谢您的见解和建议。下次我会更小心的问一个问题。我已经实现了你提供给我的代码，但我担心它没有解决我的问题，但我非常感谢你的帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">