"Nuxt - 頁面執行"yarn generate"後無法正常載入"

Question

我有一個簡單的nuxt應用程序，其中一個頁面位於以下目錄結構下：

pages
   callback
       index.vue

該應用程式是使用「universal」模式產生的。我的問題是，當我在本地運行應用程式（即yarn dev）時，回調頁面顯示完美且正常工作。但是，當我運行yarn generate然後提供dist資料夾時，頁面會出現一些輕微的視覺錯誤。沒有控制台錯誤或網路錯誤，但顯示有些不完整。問題是：特定的圖示（漢堡選單）不加載，並且下拉/選擇組件無法正確初始化並顯示其占位符，直到點擊為止。

這些是已經建置並在應用程式的其他位置正常工作的元件，但是在生成的頁面上，它們不起作用。

我在建置輸出上啟用了devtools，並且我能夠看到本地運行的版本和生成的版本之間唯一的區別是，當我導航到回調路由時，生成的輸出似乎沒有收到vue devtools中的“Active”標誌。

我覺得這很奇怪，並且閱讀了關於可導航連結和隱藏頁面的內容（因為此頁面目前沒有從網站的任何位置連結到），並嘗試了許多方法，但沒有任何效果。我最接近的方法是在主頁上建立一個NuxtLink元素，連結到回呼路由。當我這樣做時，點擊連結後，頁面按預期工作，並且在devtools的路由選項卡中設定了活動標誌。但如果我透過URL欄導覽到它，則不起作用。

我已經詳細閱讀了nuxt和vue router的文檔，但似乎找不到解決問題的方法。

Answer 1

yarn generate 用於部署靜態站點，而您的目標設定為universal。執行 yarn build 和 yarn start 以在universal模式下部署。

請參閱文件此處。