ウェブアプリケーションでエラーが発生しました

Question

私はpython、フラスコ、htmlを使用してWebページアプリケーションを作成しました。私は他のウェブページに私にアクセス権を与える必要があり、単純なインデックスページを作成しましたが、毎回、私はこのアプリを実行して、私はエラーを取得します

すでに 影をホストする要素のElement.createShadowRoot（）を呼び出しますrootは推奨されません。

フラスコアプリ：

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：

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">My Music Store</a> 
    </div> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="addToStore.html">Add</a></li> 
     <li><a href="#">My Store</a></li> 
    </ul> 
    </div> 
</nav> 

<div class="container"> 
    <h3>What is My Music Store?</h3> 
    <p>This is a single web application that allows a user store their favorite songs and artist so they never forget a song.</p> 
</div> 

Answer 1

[OK]を明らかに問題があなたのコードよりも少し深く行くことができます。 JavaScriptライブラリを読み込めない可能性があります。DOM要素を操作しようとしています。それはJavaScriptライブラリの後にロードされますので、一番下にbootstrap.min.cssを入れながら

<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"> 

：あなたのコードでは、このようにそれを構成してみてください。私はあなたがこの問題hereについてより深い説明を見つけることができると思います。