streamlit
@streamlit

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

ブラウザ表示エラー

pythonでimportしたstreamlitでブラウザに表示させようとしたときにエラーが出る(ブラウザに表示できない)

初心者です。streamlitでアプリ開発をしようと思い、ブログなどを見て進めていましたが、ブラウザで表示しようとしたときに下の写真のようなエラーが出てしまい、表示させることができませんでした。拙い説明ですいません。

スクリーンショット 2023-12-16 204158.png

68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333635353038322f63363932393965622d666237342d653837362d353336352d3131336135613466623932302e6a70.jfif

streamlitの起動コマンドラインです↑
app.pyのコードを掲載します(作業環境)↓
68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333635353038322f37366236353133632d646664612d303436342d393261382d3236646565663566.jfif

開発環境
・Windows10
・vscode
・python
importしたライブラリ streamlit←ここで問題発生?

自分で試したこと

・ブラウザを変えてやってみた
・ファイアウォールの設定を無効にした

0

2Answer

streamlit hello

は実行できますか?そしてブラウザで表示できますか?

単純に app.pyに chmod 755 app.py  を付与していないのでは?(windowsは忘れた)

p.s. 起動コマンドライン と app.pyのコードを掲載すると解決率があがりますよ。

1Like

Comments

  1. @streamlit

    Questioner

    streamlit helloはvscodeのターミナルに書けば良いですか?

  2. streamlit helloは何処でよいです。
    開発環境で実行できる場所で実行して下さい。

    vscodeも、cmdのプロンプト入力でも自由です。私ならvscodeでエディットし?cmdプロンプトで実行できるように定義します。

  3. http://localhost:8501/
    

    にてブラウザで表示できれば
    その起動した、カレントディレクトリに
    app.pyを配置して

    streamlit run app.py

    にて起動して下さい。

  4. @streamlit

    Questioner

    表示できませんでした...Screenshot_20231216-215035.png

  5. streamlit のパスが通っていません。

    または、streamlit helloを実行したPCとブラウザのPCが異なる。

    unixであれば type streamlit にてパスを確認できます。
    windowsは忘れました。

  6. @streamlit

    Questioner

    ホントですか..残念ながらwindowsなんです。
    一応app.pyの画像を貼付させていただきます
    DSC_2477.JPG

  7. streamlit helloが実行と表示できれば、
    ctrl+cでサーバーを終了させ

    streamlit run app.py

    を実行すると画面に

    ブラウザhttp://localhost:8501/
    で表示されます。

    インストール(python,streamlit),またはパスが通っていないと思います

  8. @streamlit

    Questioner

    これでサーバーの終了は成功していますか?
    DSC_2479.JPG

  9. コマンドラインがstreamlit helloと確認できません。

    これでサーバーの終了は成功していますか?

    残念ですが失敗です。

    streamlit helloのものですか?

  10. @streamlit

    Questioner

    インストール(python,streamlit),またはパスが通っていないと思います

    インストールに関して:
    この画面でpythonのインストールは出来ていますか?
    python公式サイトではなくてanacondaをインストールしました
    IMG_20231216_224701.jpg

  11. @streamlit

    Questioner

    streamlit helloのものですか?
    に関して:
    streamlit helloで呼び出してctrl+cで終了←この流れはやってみました:relaxed:
    IMG_20231216_225311.jpg

  12. streamlit helloで呼び出してctrl+cで終了←この流れはやってみました

    説明不足ですみません。

    streamlitは起動画面と表示画面の2つで実現出来ます。但し、streamlit helloはサーバー起動であり、自動的にwebブラウザを起動しません。

    streamlit helloの実行中に、別のwebブラウザ(localhostが応答する自PC)でhttp://localhost:8501/をアドレスバーに手入力することで表示されます。

    ctrl+cはwebブラウザの確認作業後の操作です。

  13. コマンドプロンプトにて

    ipconfig にてeth0等のアドレスを確認
    streamlit run helpでオプションパラメタを確認

    streamlit run app.py --server.address="0.0.0.0" --server.port=8503
    
    或いは
    
    streamlit run app.py --server.address=0.0.0.0 --server.port=8503
    

    にて実行し、
    Local URL: http://0.0.0.0:8503/
    の表示を確認

    webブラウザのアドレスバーにhttp://127.0.0.1:8503/
    を入力

  14. @streamlit

    Questioner

    ipアドレスが131.112.XXX.XXXじゃなくて 192.168.1.XXXなんですけどこのまま続行しても大丈夫でしょうか?

  15. --server.address=0.0.0.0

    であればオールマイティーでlocalhostも127.0.0.1も

    192.168.137.75でもOKです。

    私もstreamlitで手こずることがなく、何が問題だがわかりません。windows特有の問題も考えましたが、予想すら付きません

    とにかく、streamlit helloでサーバーが起動することを確認して下さい。

  16. @streamlit

    Questioner

    streamlit helloでサーバーが起動することを確認して下さい。に関しまして:
    以下の手順でサーバー起動出来ていますか?
    cmd起動→cmd内でstreamlit helloを実行→2枚目の写真(下記)が表示

    IMG_20231217_200030.jpg

    サーバーが起動ということ?↓
    DSC_2484.JPG

  17. はい

    左サイドバーのプロットデモをクリックする際、ページ読み込み完了まで画面右上にRunning表示されます。(正常な状態)

    --server.address=0.0.0.0を指定すると自PC以外からも接続できますよ。

    streamlit run app.py 。。。。
    に切り替え完了です。

    192.168.137.75でもOKです。

    訂正します。

    Network URL のアドレス192.168.137.75は無視して下さい。

    必ず、Local URL: のアドレスで接続のこと

IMG_20231216_214726.jpg
cmdで実行した後にstreamlitのサイトに飛びましたが、これで実行できたことになりますか?言っていることが変だったらすいません🙏
DSC_2476.JPG

0Like

Comments

  1. @streamlit

    Questioner

    すみません🙏どういうことですか?
    Screenshot_20231216-215035.png
    この状態で大丈夫ということですか?
    質問攻め申し訳ないです🙇

Your answer might help someone💌