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

Question

索引.jsx

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

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

我在HerokuRails app(Rails + React.js)上部署了一个。

但是即使在本地运行，Herokureact-date-range上也不会加载组件的样式。

有什么方法可以解决这个问题？

Answer 1

显然，您正在使用Webpack并且具有加载 CSS 的配置，而不是使用index.jsx以下方法将这两个预编译的 CSS 添加到 CSS 根中：

@import url("react-date-range/dist/styles.css");
@import url("react-date-range/dist/theme/default.css");

如果该url功能不起作用，请尝试不使用它：

@import "react-date-range/dist/styles.css";
@import "react-date-range/dist/theme/default.css";

如果这两个家伙不在你的最终捆绑文件中，那么简单地使用相对路径，因为添加 Webpack 配置以让 Webpack 理解node_modules内部库的绝对路径有点困难css-loader。

@import "../node_modules/react-date-range/dist/styles.css";
@import "../node_modules/react-date-range/dist/theme/default.css";