在vite@2构建中缺少组件和资产

Question

我能够做一个功能构建与vite@1，现在我已经更新了我的配置和我的模块与vite@2工作，一些资产和组件不能正确加载，有路径不对应于真正的绝对路径。

它在开发上工作完美，虽然我正在制作一个电子应用程序，但它不应该是一个问题，因为正如我之前提到的构建是好的vite@1。

这不是资产的问题，它们存在于构建文件夹中。当需要它们时，似乎会出现问题。

这是一个更详细的问题，你可以找到所有的错误信息和截图:

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

虽然我不认为这与电子有关，再一次。但我还是把它放在vite-电子-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

系统信息

• vitelatest:
• 操作系统:Windows 10 2004
• 节点版本:15.2.0
• 包管理器(npm)和版本:7.0.8

Answer 1

解决!这是因为vue-router的createWebHistory()不能处理导航，如果应用程序没有被服务。它在开发模式下工作，因为vite提供应用程序，但当你在浏览器中构建和打开文件时，它不会。所以你可以说:这很基本，不…造成实际问题的原因是vite在vite@2上所做的巨大改变，以及启动代码模板必须适应它的方式。我用的是带电子的vite，所以迁移我用的启动器有点盲目。我发现启动器不再为文件提供服务，而是直接在电子main.js上加载文件，所以因为我不知道为什么会这样，所以我没有再次为文件提供服务，而是在我的路由器配置中改为createWebHashHistory()，然后它工作了!