vite@2 構建中缺少組件和資產

Question

我能夠使用 vite@1 進行功能構建，現在我已經更新了我的配置和模塊以使用 vite@2，一些資產和組件無法正確加載並且路徑與真正的絕對路徑不對應路徑。

它在 dev 上運行完美，雖然我正在使用 electron 制作應用程序，但這應該不是問題，因為正如我之前提到的那樣，vite@1 的構建很好。

資產不是問題，它們存在於構建文件夾中。 在需要它們時似乎是一個問題。

這是一個更詳細的問題，您可以在其中找到所有錯誤消息和屏幕截圖：

https://github.com/MangoTsing/vite-electron-quick/issues/11

雖然我不認為它與 electron 再次有關。 我仍然把它放在 vite-electron-quick 上以排除這種可能性。

這是我的 vite 配置：

import { join } from 'path'
import { UserConfig } from 'vite'
import dotenv from 'dotenv'
import vue from '@vitejs/plugin-vue'

dotenv.config({ path: join(__dirname, '.env') })
const root = join(__dirname, 'src/render')

const config: UserConfig = {
  root,
  resolve: {
    alias: {
      '/@/': root,
    }
  },
  base: './',
  build: {
    outDir: join('../../dist/render'),
    emptyOutDir: true,
    assetsInlineLimit: 0
  },
  server: {
    port: +process.env.PORT,
  },
  plugins: [
    vue()
  ],
  optimizeDeps: {
    exclude: [
      'electron-is-dev',
      'electron-store',
    ]
  },
}

export default config

再生產

https://github.com/denyncrawford/mismor-guillotine

系統信息

• vite ：
• 操作系統：Windows 10 2004
• 節點版本：15.2.0
• Package 管理器（npm）和版本：7.0.8

Answer 1

解決了！ 發生這種情況是因為如果未提供應用程序，vue-router 的createWebHistory()無法處理導航。 它在開發模式下工作，因為 vite 為應用程序提供服務，但是當您在瀏覽器中構建和打開文件時，它不會。 所以你可能會說：這是非常基本的，好吧不......實際的問題是由於 vite 在 vite@2 的巨大變化以及 starter-code-templates 必須適應它的方式引起的。 我將 vite 與 electron 一起使用，因此遷移我正在使用的啟動器有點盲目運行。 我發現啟動器不再提供文件，而是直接在main.js上加載文件，所以因為我不知道這是為什么，我沒有再次提供文件，而是改為createWebHashHistory() at我的路由器配置，然后它工作！