如何在flask后台使用React和material-ui?

问题描述 投票:0回答:1

我是一个初学者的反应。我只是想做一个web应用,用 烧瓶 后端和 反应 前端有 料理 但我在设置上遇到了问题。

我所做的

我从以下网站下载了React Scripts 此处. 然后从CDN链接中获取素材--UI。此处 和巴别 此处. 我下载并自行托管了它们,因为我是为本地网络开发的,需要有离线支持。

我的代码

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

索引.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后台工作。有什么其他的方法可以解决这个问题吗?即使所有的代码都要改也没关系,因为它只是设置,没有实际的代码。

javascript reactjs flask babel
1个回答
0
投票

Babel需要一些配置才能适用于JSX,而且它在生产中不支持浏览器。相反,我建议使用 create-react-app. 你需要做的就是创建一个应用程序,然后复制你的。index.js 变成 src那么你可以使用 build 命令为你的Python后台获取静态HTMLJSCSS文件。

© www.soinside.com 2019 - 2024. All rights reserved.