如何將 React 和 material-ui 與 flask 后端一起使用？

Question

我是反應的初學者。 我只是想用flask后端制作一個 web 應用程序，並用material-ui對前端做出反應，但我在設置它時遇到了問題。

我做了什么

我從這里下載了 React 腳本。 然后來自 CDN 鏈接的material-ui和 babel 來自這里。 當我為需要離線支持的本地網絡開發時，我下載並自行托管了它們。

我的代碼

索引.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)

現在我不知道如何使用 python 后端來獲得這個需要的東西。 有沒有其他方法可以解決這個問題？ 即使所有代碼都必須更改，因為它只是設置而沒有實際代碼，這也沒關系。

Answer 1

Babel 需要一些配置才能為 JSX 工作，並且它不支持生產中的瀏覽器。 相反，我建議使用create-react-app 。 您需要做的就是創建一個應用程序並將您的index.js復制到src中，然后您可以使用build命令為您的 Python 后端獲取 static HTML/JS/CSS 文件。

如何將 React 和 material-ui 與 flask 后端一起使用？

問題描述

1 個解決方案

解決方案1
1 已采納 2020-06-17 08:09:51

如何將 React 和 material-ui 與 flask 后端一起使用？

問題描述

1 個解決方案

解決方案1 1 已采納 2020-06-17 08:09:51

解決方案1
1 已采納 2020-06-17 08:09:51