无法呈现Bundle（404）与Djang反应

2024-05-29 09:42:06 发布

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

在这一部分中，我不得不使用react容器呈现一个简单的、基本的HTML页面。结果是系统找不到捆绑包，在浏览器元素检查中弹出以下错误： main-e81ebca393352343ecd4.js Failed to load resource: the server responded with a status of 404 (NOT FOUND)

当弹出“python”中的以下错误时管理.pyrunserver“终端窗口：

[29/Aug/2017 16:40:57] "GET / HTTP/1.1" 200 269
[29/Aug/2017 16:40:57] "GET /static/bundles/main-e81ebca393352343ecd4.js HTTP/1.1" 404 1721

现在我经历了很多次设置.py文件和我的webpackconfig.js但是，到目前为止，我还没有找到我的错误在哪里。在

webpack.config.js：

^{pr2}$

设置.py：（剪切）

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


STATIC_URL = '/static/'


STATICFILES_DIR = (
    os.path.join(BASE_DIR, 'assets'),
)

WEBPACK_LOADER = {
    'DEFAULT': {
    'BUNDLE_DIR_NAME': 'bundles/',
    'STATS_FILE': os.path.join(BASE_DIR, 'webpack-stats.json'),
    }
}

网址.py：

from django.conf.urls import include, url
from django.contrib import admin
from django.views.generic import TemplateView

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^$', TemplateView.as_view(template_name="index.html")),
]

索引.html

{% load render_bundle from webpack_loader %}
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello Django+React!</title>
</head>
<body>
    <div id="container">
    </div>
    {% render_bundle 'main' %}
</body>
</html>

索引.js

var React = require('react')
var ReactDOM = require('react-dom')

var Hello = React.createClass ({
    render: function() {
        return (
            <h1>
             Hello, React! How do you do?
            </h1>
        )
    }
})

ReactDOM.render(<Hello />, document.getElementById('container'))

Folder Path/Directory Structure

到目前为止，我一直在努力：

  • 更改STATIC_URL='/STATIC/'：路径也会在错误中发生更改；但是，这并不是什么大问题，因为它仍然具有相同的错误（即使我使用“/assets/”作为静态目录）。在
  • 浏览我的网址.py和网页包文件一遍又一遍，也没有成功。在

在我看来，我无法正确定义索引.js例如，webpack loader可以生成bundle而不必担心。在

提前感谢您的关注。在


Tags： pathfrompyhelloosmainhtml错误
0条回答

目前没有回答

相关问题 更多 >

    编程相关推荐

    热门问题