Как использовать React и material-ui с бэкэндом flask? - PullRequest
Новая
       30

Как использовать React и material-ui с бэкэндом flask?

2 голосов
/ 17 июня 2020

Я новичок в React. Я просто пытался создать веб-приложение с бэкэндом flask и response с material-ui , но у меня возникли проблемы с его настройкой.

Что я сделал

Я скачал скрипты React из здесь . Затем материал-интерфейс из CDN доступен по ссылкам здесь и babel из здесь . Я загрузил и разместил их все самостоятельно, поскольку разрабатываю локальную сеть, которая должна иметь автономную поддержку.

Мой код

index. html 

<html>
    <head>
        <script src="/src/libs/babel.min.js"></script>
    </head>
    <body>
        <div id="root"></div>
    </body>
    <script src="/src/js/index.js" type="text/babel"></script>
</html>

index. js

import {React} from './src/libs/react.min.js';
import {ReactDOM} from './src/libs/react-dom.min.js';
import * as mui from './src/libs/material-ui.min.js';

ReactDOM.render(<mui.Switch />, document.getElementById('root'))

Почти пусто, потому что я просто настраиваю.

Ошибка, с которой я столкнулся 

Uncaught ReferenceError: require is not defined
    at <anonymous>:5:17
    at VH (babel.min.js:1)
    at a (babel.min.js:1)
    at s (babel.min.js:1)
    at XMLHttpRequest.HH.t.forEach.e.src.o.onreadystatechange (babel.min.js:1)

Теперь я не знаю, как мне получить эту require вещь, работающую с python бэкэндом. Есть ли другой способ решения этой проблемы? Это не имеет значения, даже если нужно изменить весь код, так как это просто настройка, а не фактический код.

1 Ответ

1 голос
/ 17 июня 2020

Babel требует некоторой настройки для работы с JSX, и он не поддерживает браузеры в рабочей среде. Вместо этого я бы рекомендовал использовать create-react-app. Все, что вам нужно сделать, это создать приложение и скопировать ваш index.js в src, затем вы можете использовать команду build, чтобы получить stati c HTML / JS / CSS файлы для вашего Python бэкэнда.

...