Установить и настроить bootstrap на рельсах 6 - PullRequest
1 голос
/ 12 января 2020

как мне заставить bootstrap работать на моих пользовательских раскладках в рельсах 6

Я установил bootstrap с помощью команды yarn add bootstrap jquery popper.js и настроил свой ..app/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

.. app / javascript / packs / application. js

...

    import 'bootstrap'
    import "../stylesheets/application"

.. app / javascript / stylesheets / application.s css

@import '~bootstrap/scss/bootstrap';

Все работает нормально, но когда я создал другой файл макета, макет не импортирует библиотеку bootstrap.

.. layout / visitor. html .erb

<html>
.....
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
....

The * Библиотека 1028 * не загружена в этом посетителе. html .erb макет загружается только в приложении. html .erb файл макета.

как решить проблему

1 Ответ

1 голос
/ 12 января 2020

вам нужно изменить

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

на

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...