如何用樱桃酱来服务迷你们？

2024-10-01 19:19:52 发布

您现在位置：Python中文网/ 问答频道 /正文
8186 3

首先让我说，我对这两个框架都是初学者。我正在启动一个大量使用python的机器学习类，所以我认为一个Python服务器和一个很好的React客户端来记录我的类是非常棒的。在

最初：

  1. 已安装python和{}
  2. 安装了create-react-app并创建了一个示例应用程序
  3. 试图遵循cherrypy文档
  4. 构建了react app，并试图将其嵌入到cherrypy中index.html

现在，cherrypy文档没有解释如何为一个小型的react应用提供服务。但是，我尝试使用他们的示例并在`索引.html'. 在

当我运行development react应用程序时，它看起来是正确的，logo会旋转，样式也会正确

enter image description here

当我从cherrypy运行它时，不需要太多—应用程序完全是静态的—没有任何旋转或其他任何东西

enter image description here

这是我的server.py：

import os
import os.path
import random
import string

import cherrypy

class Test:

    @cherrypy.expose
    def index(self):
        return """<!DOCTYPE html>
          <html>
            <head>
              <link href="/static/css/style.css" rel="stylesheet">
              <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
              <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
              <script> 
                $(function(){
                $("#root").load("static/js/index.html"); 
              });
              </script> 
            </head>
            <body>
              <div id="root"></div>
            </body>
          </html>"""

if __name__ == '__main__':
    conf = {
        '/': {
            'tools.sessions.on': True,
            'tools.staticdir.root': os.path.abspath(os.getcwd())
        },
        '/static': {
            'tools.staticdir.on': True,
            'tools.staticdir.dir': './public'
        }
    }
    cherrypy.quickstart(Test(), '/', conf)

我相信这是我的问题所在索引.html'从minified react应用程序。也许，该应用程序正在工作，但找不到css包。我在控制台中没有错误。在

有合适的方法吗？非常感谢

编辑

我试图使用来自here的HtmlWebpackPlugin-经过大量搜索，我得到了一个捆绑了js文件的网页包。但是，我仍然在控制台中得到一个错误。在

webpack.config.js：

^{pr2}$

package.json添加了以下行：

"build:bundle": "webpack --config webpack.config.js --mode production",

.babelrc:

{
  "presets": [
    "@babel/preset-env",
    "@babel/react"
  ]
}

错误：

main.f678c92d1daeff816ce7.js:1 Uncaught ReferenceError: require is not defined
    at Object.<anonymous> (main.f678c92d1daeff816ce7.js:1)
    at n (main.f678c92d1daeff816ce7.js:1)
    at Module.<anonymous> (main.f678c92d1daeff816ce7.js:1)
    at n (main.f678c92d1daeff816ce7.js:1)
    at main.f678c92d1daeff816ce7.js:1
    at main.f678c92d1daeff816ce7.js:1

另外，我添加了require.js作为脚本，但这也会爆炸。在


Tags： import应用程序indexosmainhtmljsscript
0条回答

目前没有回答

相关问题 更多 >

    编程相关推荐

    热门问题