У меня есть сервер во Flask, и я пытаюсь создать PWA с React.Я совершенно новичок в веб-разработке.Я создал сервер Flask, REST API и нечто вроде реагирующих проектов, но когда я попытался создать что-то для front-end, он не работал.По моему мнению, файл index.html не содержит React.
Это мой server.py:
api = Api(app)
@app.route('/')
def index():
return render_template("roos/public/index.html")
if __name__ == '__main__':
app.run(port='8080')
Я запускаю сервер с командой: python server.py И он работает - когда яиспользовать webbrowser -> 127.0.0.0:8080 У меня есть белая страница
Это работает.
В Roos у меня есть эти каталоги, с файлами:
-ROOS
|-node_modules
|-(many hundred directory)
|-public
|- favicon.ico
|- index.html
|-manifest.json
|-src
|-App.css
|-App.js
|-App.test.js
|-index.css
|-index.js
|-logo.svg
|-serviceWorker.js
-package.json
-package-lock.json
Myfile, index.html выглядит так:
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>ROOS</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
И файл index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App/>, document.getElementById('root'));
serviceWorker.unregister();
И это не работает - я не могу запустить любые сценарии, которые я создал в этом файле.На мой взгляд, index.js не вызывается, когда я запускаю сервер.Я понятия не имею, как я могу начать это скрипты .js