Я работал над добавлением таблицы стилей react-datepicker
в мой компонент React-Rails / Webpack в моем приложении Rails 4.2:
<head>
...
<%= csrf_meta_tags %>
<%= action_cable_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= stylesheet_pack_tag 'application' %>
...
<head/>
<body
<%= javascript_pack_tag 'application' %>
<div id="footer" class="site-footer no-print">
© 2019
</div>
с необходимыми библиотеками, вызываемыми в необходимом компоненте:
import React, { useState, useEffect } from 'react'
import DatePicker from "react-datepicker"
import "react-datepicker/dist/react-datepicker.min.css"
При проверке проблем в репозитории github для DatePicker, (https://github.com/Hacker0x01/react-datepicker/issues/879), Я пробовал несколько вариантов, связанных с другими, глядя на эту проблему:
import "react-datepicker/dist/react-datepicker.css"
import 'react-datepicker/dist/react-datepicker-cssmodules.min.css'
Хотяни один из них не выдавал ошибку, к стилям не обращались. Изменение файла на что-то вроде react-datepicker/dist/react-datepicker-cssmodules.min.css1
привело к , выдавшему ошибку, так что они были найдены и импортированы, но инспектор chrome не распознает стили.