Javascript Reactjs创建react应用程序我的应用程序后端集成_Javascript_Python_Reactjs_Flask_Create React App

Javascript Reactjs创建react应用程序我的应用程序后端集成

javascript python reactjs flask

Javascript Reactjs创建react应用程序我的应用程序后端集成,javascript,python,reactjs,flask,create-react-app,Javascript,Python,Reactjs,Flask,Create React App,我已经使用CreateReact应用程序创建了一个基本应用程序。I当我运行后端服务器时（在python和flask中），我提供默认的index.html文件：这是create react应用程序生成的index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=

我已经使用CreateReact应用程序创建了一个基本应用程序。I当我运行后端服务器时（在python和flask中），我提供默认的index.html文件：

这是create react应用程序生成的index.html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

  </head>
  <body>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <div id="root">
    </div>
  </body>
</html>


您需要启用JavaScript才能运行此应用程序。

将此文件提供给浏览器时，它不会呈现任何内容。显然，仅当从create React app生成的文件夹运行npm start时，才会呈现React app。如何仅使用Flask后端服务器为实际应用程序提供服务

我尝试链接index.js脚本：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
从“./registerServiceWorker”导入registerServiceWorker；
ReactDOM.render（，document.getElementById（'root'））；
registerServiceWorker（）；

但是浏览器输出了

未捕获的语法错误：意外标识符

在线

从“React”导入React
基本上，我的问题是如何仅使用Flask服务器为React应用程序提供服务？
要在生产中使用使用创建React应用程序创建的应用程序，请运行以下命令：
npm run build

这将创建一个可以部署到服务器的JavaScript包
看
npm run build