devise_bootstrap_viewsのgemを導入しようとしたらファイルが読み込まれないというエラーが出てしまいました。

前提・実現したいこと

rails初心者です。

deviseのビューをブートストラップの仕様にしたいと思い、上記のGemを入れたのですがファイルが読み込まれないという、エラーが出てしまいました。

調べて色々試したのですが、解決しなかったので、ご回答いただけるとものすごく助かります。

参考にしたサイトは下記です。
https://suin.io/544

発生している問題・エラーメッセージ

Sass::SyntaxError in Tweets#index

File to import not found or unreadable: devise_bootstrap_views.

　CompassRails::SpriteImporter
  CompassRails::SpriteImporter
  CompassRails::SpriteImporter
  CompassRails::SpriteImporter
  CompassRails::SpriteImporter
　（省略）

該当のソースコード

Gemfile

gem 'devise'

gem 'jquery-rails'

gem 'bootstrap-sass'

gem 'devise-bootstrap-views'

gem 'rails-i18n'

stylesheets/application.scss

 *= require_tree .
 *= require_self
 */

 @import "bootstrap-sprockets";
 @import "bootstrap";
 @import "devise_bootstrap_views";

views/layouts/application.html.erb

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <title>Company-love</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

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