bootstrap-vue toast 未在服务器上显示

Question

在我们的网站上，我们正在使用吐司，至少我们想要这样做。网站使用bootstrap-vue来展示toast。这适用于我的开发机器，一旦我将其推送到我们的服务器（S3 存储桶），吐司就不会弹出。当我检查网站时，我可以看到 toast 在那里，但是在网站上只有空 space 应该是 toast 的地方，没有显示任何文字。

我是这样称呼吐司的：

created() {
const id = '1'

const vNodesMsg = this.$createElement(
  'p',
  { class: ['text-left', 'text-charcoal'] },
  [
    this.$createElement(
      'strong',
      'This is the message the user will see when he gets to this page'
    ),
    this.$createElement(
      'b-button',
      {
        on: { click: () => this.$bvToast.hide(id) }
      },
      'Close'
    )
  ]
)

this.$bvToast.toast([vNodesMsg], {
  id,
  noCloseButton: true,
  noAutoHide: true,
  toaster: 'b-toaster-bottom-full',
  isStatus: true,
  solid: false,
  appendToast: false,
  variant: 'secondary',
  visible: true
})
},

在我的机器上检查网站后，我发现代码没有什么不同。除了显示吐司。

我能做什么？

非常感谢任何帮助。

对此进行更详细的说明：

npm run dev

然后转到localhost:3000作品。

npm run build
serve -s dist

然后前往 localhost:5000 不起作用。

将 dist 文件夹复制到我们的服务器并调用该网站也不起作用。这并不奇怪。

会不会是我的配置中缺少某些东西？

谢谢，

迈克尔

Answer 1

我不知怎么弄明白了。
我创建了一个新项目，弹出了 toast。我将新项目的每个配置文件与另一个项目进行了比较。在我从

更改 tailwind 的开发依赖之前，没有任何效果

"@nuxtjs/tailwindcss": "^1.0.0"

至

"@nuxtjs/tailwindcss": "^3.4.2"

bootstrap-vue toast 未在服务器上显示

bootstrap-vue toast not displaying on server

toast

bootstrap-vue