Javascript Bootstrap 5 Nuxt动态组件不工作

我正在尝试在我的

numxt项目中实现bootstrap5

这些样式很好用，但是以前使用的

jQuery

都不起作用

我的安装过程：

从

创建

/css

和

/js

文件夹并移动到资产文件夹中

将

bootstrap.css

放入

/css

文件夹，将

bootstrap.min.js

放入

/js

文件夹

将配置添加到

numxt.config.js

文件：

css:[
“@/assets/css/bootstrap.css”
],
js:[
“@/assets/js/bootstrap.min.js”
],

刷新站点十几次

这是我正在测试的代码，直接取自引导组件站点：

//index.vue
下拉按钮

不要编辑您的nuxt.config.js文件，请尝试以下操作：

在layouts/default.vue中，将下面的代码添加到脚本部分

将bootstrap 5缩小的js和css捆绑文件放在/static/bootstrap

导出默认值{
数据（）{
返回{
}
},
头（）{
返回{
标题：“测试页面-我的棒极了的项目”，
链接：[
{rel:'stylesheet'，href:'/bootstrap/bootstrap.min.css'}
],
脚本：[
{src:“/bootstrap/bootstrap.bundle.min.js”，键入：“text/javascript”}
]
}
}
}

作为

bootstrap vue

模块（可直接与Nuxt一起使用）的官方支持，这一版本可能很有意思：不幸的是，他们发布BootstrapVue/BS5版本还需要一段时间。

<script>

export default {
  data () {
    return {

    }
  },

  head () {
    return {
      title: 'Test Page - My awesome project',
      link: [
        { rel: 'stylesheet', href: '/bootstrap/bootstrap.min.css' }
      ],
      script: [
        { src: "/bootstrap/bootstrap.bundle.min.js", type: "text/javascript"}
      ]

    }
  }


}
</script>