如何在Flask后端使用React和material-ui？

Jalaj 发表于 Dev

贾拉吉

我是一个有反应的初学者。我只是想用Flask后端制作一个Web应用程序，并使用material-ui对前端进行反应，但是我在设置它时遇到了问题。

我做了什么

我从这里下载了React脚本。然后，CDN的material-ui链接在此处可用，而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)

现在我不知道我怎么得到这个需要的东西的工作与蟒蛇后端。还有其他解决方法吗？即使必须更改所有代码也没关系，仅更改设置而无需更改实际代码。

尼克·麦柯迪

Babel需要一些配置才能用于JSX，并且不支持生产环境中的浏览器。相反，我建议使用create-react-app。您需要做的就是创建一个应用程序并将其复制index.js到中src，然后可以使用该build命令为Python后端获取静态HTML / JS / CSS文件。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。