【Rails】bootstrap導入時のエラーについて

前提・実現したいこと

Railsにてbootstrapを導入したいのですがエラーが発生します
エラーワードにて検索をかけてみましたが引き続きエラー画面が発生するので解決案をご教授いただきたいです

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

ActionView::Template::Error (no implicit conversion of Sass::Importers::Filesystem into String):
     5:     <%= csrf_meta_tags %>
     6:     <%= csp_meta_tag %>
     7: 
     8:     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     9:     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    10:   
    11:   </head>
  
app/views/layouts/application.html.erb:8:in `_app_views_layouts_application_html_erb__3338945395305493539_36230440'

error文

試したこと

bootstrapのgithubを参考に手順を踏んでいます

①gemのインストール

gem 'bootstrap', '~> 5.0.0.alpha3'
gem 'jquery-rails'

②application.cssからapplication.scssへ変更

$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

③application.jsに追記

##上３つ追記
//= require jquery3
//= require popper
//= require bootstrap-sprockets

//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .

④application.scssを編集

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
// *= require_tree .
// *= require_self
 */

もともと上記だったのを↓に編集