我正在使用Rails 6版本6.0.3.2

这是我设置引导程序4的所有步骤：

第1步：rails new test_tooltip

第2步：rails g controller welcome index

步骤3：welcome / index.html.erb

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
</div>
<div class="alert alert-success">
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

<script>
$( document ).on('turbolinks:load',function() {
  $('[data-toggle="tooltip"]').tooltip();   
});
</script>

第4步：yarn add bootstrap jquery popper.js

info All dependencies
├─ bootstrap@4.5.0
├─ jquery@3.5.1
└─ popper.js@1.16.1

步骤5：config \ webpack \ environment.js

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

const webpack = require('webpack')
environment.plugins.append(
  'Provide',new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',//  $: 'jquery',does not work!
    jQuery: 'jquery/src/jquery',// jQuery: 'jquery',does not work!
    Popper: ['popper.js','default']
  })
)
module.exports = environment

第6步：app \ javascript \ packs \ application.js

import "bootstrap"

第7步：app \ assets \ stylesheets \ application.scss

@import "bootstrap/scss/bootstrap";

当我访问“欢迎/索引”页面时，尽管引导CSS警报起作用但工具提示不起作用，并且在控制台中出现此错误：

 Uncaught TypeError: $(...).tooltip is not a function

您可以尝试安装Rails 6版本6.0.3.2，并按照我的所有步骤进行操作，您将准确看到我的结果。请帮助我解决此问题，我想使用引导程序的工具提示。