Nuxt頁面過渡可在本地工作，但不能在Firebase托管上工作

Question

我使用nuxt頁面轉換2種不同的方式，它們都可以在localhost上運行，但不能在Firebase托管上使用。

我正在全局使用這兩個內置頁面轉換。 我也嘗試在每個頁面上定義過渡。 兩種方式都可以在localhost上運行，但是在托管時不會觸發任何動畫。

第一種方法-使用全局過渡

// Layout transitions
.layout-enter-active, .layout-leave-active {
  transition: opacity 0.5s;
}
.layout-enter, .layout-leave-active {
  opacity: 0;
}

// Page transitions
.page-enter-active, .page-leave-active {
  transition: opacity 0.5s;
}
.page-enter, .page-leave-to {
  opacity: 0;
}

第二種方法，使用頁面定義的過渡元素。

  export default {
  transition: 'fade',
  components: {}
...
}

沒有錯誤訊息。 在Google Dev工具中，動畫甚至不會觸發。

Answer 1

我解決了問題。 我在nuxt.config中使用它在全局CSS文件中進行轉換的CSS

  css: ['~/assets/global.scss'],

我需要將用於過渡的CSS放在.vue組件中，以使其正常工作。