Таблица стилей React-datepicker недоступна в приложении Rails 4.2 - PullRequest
0 голосов
/ 22 мая 2019

Я работал над добавлением таблицы стилей 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">
  &copy; 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 не распознает стили.

...