Css React组件的样式在Heroku上不起作用

index.jsx

import 'react-date-range/dist/styles.css'

import 'react-date-range/dist/theme/default.css'

我在Heroku上部署了一个Rails应用程序（Rails+React.js）

但是，

react date range

组件的样式不会加载到Heroku上，即使它正在本地工作

---

解决此问题的方法是什么？

这是一个局部解决方案，因为它使我的工作正常，但不是以理想的方式：

config/application.rb

#将节点模块添加到资源路径
config.assets.paths显然，您使用的是
Webpack
，您有用于加载CSS的配置，而不是使用
index.jsx
通过以下方式将这两个预编译的CSS添加到CSS的根目录中：

导入url（“react date range/dist/styles.css”）；
@导入url（“react date range/dist/theme/default.css”）；

如果

url

功能不起作用，请尝试不使用它：

@import“反应日期范围/dist/styles.css”；
@导入“react date range/dist/theme/default.css”；

如果这两个家伙不在您的最终捆绑文件中，只需使用相对路径，因为要添加Webpack配置，使Webpack能够理解

node\u模块

css加载器中库的绝对路径，有点困难

@import./node\u modules/react date range/dist/styles.css”；
@导入“./node_modules/react date range/dist/theme/default.css”；

这是在使用webpacker吗？哪个版本的Rails？您正在开发中运行webpack服务器吗？@coreyward是的，我正在使用webpack。我使用的是Rails 6。是的，正在开发中运行Webpack服务器。

  // will import from node_modules/react-widgets
  @import "react-widgets/dist/css/react-widgets.css"