Webpack打包vue项目后发现index.html为空白

今天在用Webpack打包vue3项目后，发现index.html一直是空白，
于是我在网上找到该方法：修改相对路径 “/” -> “./”，
但发现index.html仍为空白，这时候看到有人在用vue打包时，提到route/index.js里要把mode:history修改为mode:hash，但我的route/index.js中并没有mode，如下图：

//原来的代码

import { createRouter, createWebHistory } from 'vue-router'

...

const router = createRouter({
  history: createWebHistory(),
  routes
})

...

之后我发现其中也有history出现，但不能像上面那样直接修改history为hash，而是需要注意到'vue-router'中还有一个函数是‘createWebHashHistory’，将原来代码的‘createWebHistory’函数替换掉，得到

//更改后的代码

import { createRouter, createWebHashHistory } from 'vue-router'

...

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

...

此时再重新运行npm run build，得到的index.html不再是空白。