windsonR / vite-plugin-virtual-html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

多级虚拟路由与预期不符

Teages opened this issue · comments

看README.MD, 这个插件是支持多级虚拟路由的

然后,如果你将html文件放置到其他目录,你就需要在访问时添加多余的中间目录

And if you follow vite's MPA, put other file in other directory, unlike index.html, you need useless middle directory

但是在实际使用时, 多级虚拟路由似乎没有正常运作

示例:

// ...
export default defineConfig({
  plugins: [
    vue(),
    virtualHtml({
     //...
      pages: {
        'index': {
          template: '/pages/index.html',
          data: {
            title: 'vite',
            content: `/src/main.js`
          }
        },
        'test/login': {
          template: '/pages/index.html',
          data: {
            title: 'vite_login',
            content: `/src/test/main.js`
          }
        }
      }
    })
  ]
})

vite build 会报错

error during build:
Error: ENOENT: no such file or directory, copyfile 'D:\Documents\GitHub\test-pj\pages\index.html' -> 'D:\Documents\GitHub\test-pj\test\login.html'

又或者需要其他方法来指定多层路由?

已修复,在build时期,复制html文件时没有处理中间目录不存在的情况导致build报错。
更新使用插件0.2.6版本

经验证, 已经在0.2.6被修复
感谢您的回复