NuxtJS jQuery和Bootstrap元素不起作用

Question

我在官方网站上购买了Bootstrap主题，并尝试将其与 VueJS 和 NuxtJS （ v2.8.1 ）集成。

我的nuxt.config.ts文件

head: {
    title: 'title',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'description' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      {
        rel: 'stylesheet',
        href:
          'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons',
      },
    ],
    script: [
      {
        src: '/assets/vendor/jquery/dist/jquery.min.js',
        type: 'text/javascript',
        body: true,
        defer: true,
      },
      {
        src: '/assets/vendor/jquery-migrate/dist/jquery-migrate.min.js',
        type: 'text/javascript',
        body: true,
        defer: true,
      },
      {
        src: '/assets/vendor/popper.js/dist/umd/popper.min.js',
        type: 'text/javascript',
        body: true,
        defer: true,
      },
      {
        src: '/assets/vendor/bootstrap/bootstrap.min.js',
        type: 'text/javascript',
        body: true,
        defer: true,
      }
    ],
  },

我在登录页面上，网站已加载。该网站正常工作，我可以登录仪表板。进入仪表板后，不会加载 Bootstrap 元素（如下拉菜单或滑块之类的），它们将不起作用。

如果刷新网页，一切正常，但是我有警告...

  

jQuery.Deferred异常：JSON中位置1处的意外令牌o   SyntaxError：JSON中位置1处的意外令牌o

这不是我的问题的根源。我删除了生成此警告的代码部分。

另一方面，如果刷新页面，则所有Bootstrap元素都起作用。从一页到另一页时，元素被阻止。