Express / React - 样式表在Heroku制作中是404(但在本地可以)

时间:2017-08-07 17:33:08

标签: reactjs express heroku node-modules

我正在Heroku上运行一个Express / React应用程序,该应用程序似乎无法找到我从/node_modules目录中提取的一些样式表 - 但是,该应用程序在本地运行正常。只是生产中的失败。

在Express index.js文件中,我正在调用样式表:

const express = require('express')
const path = require('path')
const app = express()
const renderReact = require('./renderReact.js');

app.use(express.static(path.join(__dirname, 'public')))
app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css'))
app.use('/css', express.static(__dirname + '/node_modules/quill/dist'))

// THIS APP EMPLOYS SERVER-SIDE RENDERING - THIS IS BASICALLY THE GET REQUEST TO THE HOME ROUTE...
renderReact(app);

当在我的本地机器上运行时,Bootstrap和Quill样式表可以完美地提供 - 它们可以在http://localhost:3000/css/bootstrap.min.css等处找到。

然而,一旦部署到Heroku,没有这样的运气 - 两个样式表返回404错误。为什么它在本地开发中起作用但在生产中失败?我很感激有关如何解决这个问题的任何建议 - 谢谢!

(注意 - 这个应用程序确实利用了Webpack,我知道style-loader ...如果可能的话,我更愿意避免使用它,但如果这是唯一的方法我会这样做...)

0 个答案:

没有答案