我正在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
...如果可能的话,我更愿意避免使用它,但如果这是唯一的方法我会这样做...)