Я создаю веб-приложение с Reaction-Create-App и хочу обслуживать его с помощью колбы.внешний интерфейс генерируется с помощью
npx create-react-app frontend
cd frontend
npm run build
структура моего проекта выглядит следующим образом:
- backend
- static
- templates
- app.py
- frontend
- build
- static
- css
...
- js
...
- media
...
- favico.ico
- index.html
- service-worker.js
- ...
- public
...
- src
...
- ...
app.py
from flask import Flask, send_from_directory
import os
app = Flask(__name__, static_folder=r'..\frontend\build')
@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def serve(path):
if path != "" and os.path.exists("/static/" + path):
return send_from_directory(app.static_folder, path)
else:
return send_from_directory(app.static_folder, 'index.html')
if __name__ == '__main__':
app.run(use_reloader=True, port=5000, threaded=True, debug=True)
, если я использую serve -sсборка приложения работает и все нормально.однако при запуске python app.py отображается пустая страница, а консоль chromes отображает следующие ошибки:
Uncaught SyntaxError: Unexpected token < 2.b41502e9.chunk.js:1
Uncaught SyntaxError: Unexpected token < main.4001340c.chunk.js:1
Manifest: Line: 1, column: 1, Unexpected token. :5000/manifest.json:1
Похоже, что браузер не может интерпретировать синтаксис jsx.как я могу исправить эту проблему?