小编yhg*_*ghy的帖子

我有一个 React/Django 应用程序，它在为生产而构建时的行为与在开发服务器上运行时的行为不同。开发版本就是我想要的样子。

CSS 存在许多问题。文本是不同的字体，并且一些 Bootstrap/Reactstrap 功能将被忽略。请参阅下面的示例屏幕截图。

我认为这个问题与开发服务器处理 css 文件的顺序有关，而不是 Django 通过将构建脚本/build创建的目录中的文件收集到 Django 目录中来服务构建的应用程序的方式/staticfiles。然而，我很困惑这如何有选择地将类应用于同一组件。（见下文 - 大屏幕文本的偏移量不同，而列大小相同）

这是生产版本中主页的屏幕截图，由 Django 本地提供或在 Heroku 上远程提供。（npm run build或者npm run build-local- 请参阅下面的 package.json 文件）

这是它在本地开发服务器上的样子：( npm run start)

特别是，该类offset-md-5在生产版本中被忽略，而其余类则不会，col-md-5例如在两个版本中都适用。

这是相关的组件：

const Photojumbo = () => {
    return(
        <Container className="jumbo-text ">
            <Jumbotron  className="" style={{ backgroundImage: "url(/static/photosquat-cropped.jpg)", backgroundSize: 'cover' }}>

                <Col className="header header-text col-md-5 offset-md-6" >
                    <h3>ytterblog</h3>
                    <p>A blog app and portfolio project by Gabriel …