Использование фляги и реакции, получение 404 ошибок при обращении к js-файлам в html - PullRequest
0 голосов
/ 10 января 2019

Я пытаюсь выучить основы фляги и отреагировать, и мне довольно легко освоить основные идеи обоих. Теперь я пытаюсь сшить их вместе с бэкэндом Python, обслуживаемым приложением с флягой, и внешним интерфейсом, написанным на реаги.

Я успешно следовал этому уроку http://aviadas.com/blog/2015/08/05/evaluating-react-dot-js-and-flask/, который кажется самым простым введением. Сейчас я пытаюсь реорганизовать авторский код, разделив код html и response.js, чтобы было легче начать расширять возможности простого приложения. Должно быть супер прямо вперед.

Моя структура каталогов выглядит так:

├── README.md
├── app.py
├── requirements.txt
└── templates
    └── index.html
    └── script.js

app.py содержит этот код:

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():
    return render_template('index.html')

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

index.html содержит:

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="UTF-8">
        <title>Flask React Tutorial</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/react.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/JSXTransformer.js"></script>
    </head>
    <body>
        <div id="mount-point"></div>
        <script type="module" src = "script.js"></script>
    </body>
</html>

и script.js содержит:

     /*** @jsx React.DOM */
    var FirstComponent = React.createClass({
        render: function() {
            return (<p1>Hello world.</p1>);
        }
    });
    React.render(<FirstComponent />, document.getElementById('mount-point') );

Все, что я сделал с исходным учебным кодом, это переместил код js в файл script.js и заменил строку

  <script type="text/jsx">

с

  <script type="module" src = "script.js"></script>

Проблема в том, что при запуске приложения я получаю

"GET /script.js HTTP/1.1" 404 -

Я получаю то же самое, если использую абсолютный путь к файлу script.js. Должно быть что-то еще, возможно, простое, что мне нужно сделать в другом месте кода. Пожалуйста, обратите внимание, что я очень плохо знаком с большинством из этого, поэтому подробное объяснение было бы потрясающим. Заранее спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...