时间戳

首页 > 解决方案 > 如何在 Flask 项目中识别 React 文件

javascript - 如何在 Flask 项目中识别 React 文件

问题描述

我目前正在尝试组合一个小 Flask + React 项目。我在让 js 文件（包含反应代码）在项目中运行时遇到了一些困难。

这是我的项目结构，烧瓶的标准： 在此处输入图像描述

路由在项目根目录下的 routes.py 文件中定义

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route("/qubits")
def qubits():
    return render_template('qubits.html')
    # http://localhost:5000/qubits

if __name__ == "__main__":

    app.run(debug=True)

我有我的简单 html 文件，它正确链接到我的 css（我能够很好地提取 css 元素）。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>nstem</title>
    <link rel= "stylesheet" href= "{{ url_for('static',filename='css/nstem.css') }}">
  </head>
  <body>
    <div class="indexBox1"></div>
      <h1>: )</h1>
      <script type="text/javascript"
        src="{{ url_for('static', filename='js/index.js') }}"></script>
    </div>
  </body>
</html>

但是，这两个 js 文件在网页上没有返回任何内容：

*index.js*

import React from 'react';
import ReactDOM from 'react-dom';
import './nstem.css';
import Qubit from './qubits';

ReactDOM.render(
  <Qubit />,

  document.getElementById('root')
);


* function file *
import React from 'react';
import ReactDOM from 'react';

function Qubit() {

  const section = 'lists';

  return (
    <div>Allah'u'abha</div>
  );
}

export default Qubit;

我很困惑；我今天玩了这么多，无法弄清楚差距在哪里。请帮忙，非常感谢。

标签： javascriptpythonreactjsflask

解决方案

推荐阅读