Проблема с изображениями в css файлах с rails 6 и webpacker - PullRequest
Новая
       139

Проблема с изображениями в css файлах с rails 6 и webpacker

0 голосов
/ 09 мая 2020

Я хочу понять, как Webpacker работает на Rails 6, но меня очень расстраивает, потому что я не могу найти хорошую документацию.

Я только начинаю работать с webpack, но gem webpacker делает вещи слишком сложными по моему мнению. После долгих усилий я получил bootstrap 4, но когда я пытаюсь использовать jquery -ui-datepicker, у меня возникают проблемы с файлами stati c, на которые ссылаются файлы css. В моем журнале есть эта ошибка: 

ActionController::RoutingError (No route matches [GET] "/assets/images/ui-icons_444444_256x240.png"):

Я установил jquery -datepicker с помощью пряжи, datepicker работает хорошо, но проблема возникает, когда он пытается загрузить изображения.

Хотя он может работать без изображений, я хочу знать, как заставить его вести себя должным образом.

У меня следующие версии:

  • Rails 6.0.0
  • Ruby 2.6.5
  • Webpacker Gem 4.0.7
  • Webpack 4.32.2
  • jquery -datepicker 1.12.3

Это мой config/webpack/environment.js: 

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default']
}))

module.exports = environment

Это фрагмент кода, который загружает jquery -datepicker 

import $ from 'jquery';
import datepickerFactory from 'jquery-datepicker';
import datepickerJAFactory from 'jquery-datepicker/i18n/jquery.ui.datepicker-es';

// Just pass your jquery instance and you're done
datepickerFactory($);
datepickerJAFactory($);

$(function() {
  $('.datepicker').datepicker();
});
...