Я пытаюсь использовать bootstrap с установленным webpack, как я могу исправить эту ошибку AssetNotFound?

Question

У меня есть некоторые bootstrap функции стилей в моем приложении, которые не работали, и я думаю, что это потому, что у меня также установлен веб-пакет. Поэтому я следовал инструкциям из видео на YouTube, чтобы выяснить, как заставить работать стиль bootstrap. Но я получил эту ошибку AssetNotFound в моем приложении. html .erb файл, связанный с stylesheet_link_tag в строке 12 ниже

Sprockets::Rails::Helper::AssetNotFound
The asset "application.css" is not present in the asset pipeline

12     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
13     <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'%>
14     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
      </head>

Я запутался, потому что у меня есть приложение. css в папке приложения. Для этой ошибки у меня было это в app / javascript / packs.

Я переместил его в app / assets / stylesheets и получил другую ошибку (я также переместил application.s css с ним, у меня изначально было application.s css, и я сделал приложение. css после получения ошибки AssetNotFound в первый раз, но она не изменилась, когда я добавил приложение. css с тем же кодом)

Когда у меня было приложение. css в папке assets / stylesheet , Я получаю ошибку ниже трассировки до строки 16 (ошибка возникла из той же строки 12, на которую я ссылался выше в приложении. html .erb)

SassC::SyntaxError in Places#show    
Error: File to import not found or unreadable: ~bootstrap/scss/bootstrap.
        on line 16:1 of app/assets/stylesheets/application.scss

14  *= require_self
15  */
16  @import "~bootstrap/scss/bootstrap";
17  @import "master";