publicPath: './', 这是vite.config中的结构: exportdefaultdefineConfig({ publicPath:'./', lintOnSave:false, transpileDependencies:true, plugins: [ vue(), ], server: { host:'0.0.0.0'}, resolve: { alias: {'@': fileURLToPath(newURL('./src', import.meta.url)) } } }) 打包之后的html 1 2 <script type="module"crossorigin src="...
vue3+vite+ts 打包后页面打开空白 打包后页面打开空白可能是文件路径不对,修改vite.config.ts 文件里的 base 路径为 ./ 如果还是空白页面且没有报错,只是组件没有加载出来如下图: 这种情况是路由配置的错误,直接改一下 history 配置 再打包就可以打开页面了...
VUE3+VITE+TYPESCRIPT 打包后页面打开空白 小朱的技术小窝 没有完美的人,只有完美的眼光。 打包后页面打开空白可能是文件路径不对,修改vite.config.ts 文件里的 base 路径为 ./ 如果还是空白页面且没有报错,只是组件没有加载出来, 这种情况是路由配置的错误,直接改一下路由的 history 配置 修改完之后,重新打包一...
vite代码版本较高,导致低版本浏览器无法运行 vite项目浏览器兼容性 vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build.target默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送,所以需要我们手动兼容低版本。 解决办法 1.首先安装插件:npm i @...
针对你提出的“vite打包vue3界面空白”的问题,可以从以下几个方面进行排查和解决: 检查项目依赖: 确保所有依赖都已正确安装,特别是与Vue和Vite相关的依赖。可以通过运行npm install或yarn install来安装缺失的依赖。 审查vite配置文件: 打开vite.config.js或vite.config.ts文件,检查是否有配置错误。特别是与路径相关...
vite+vue3项目开发完以后,你会发现打包后的项目运行在新版浏览器可以正常显示,但运行在一些版本比较老的浏览器如 Chrome < 23、Firefox < 21和IE等浏览器上时显示一片空白,并且没有任何的错误提示。 二、问题分析 此时你的大脑可能跟页面一样也是一片空白,但是不要慌,我们先分析一下产生这个问题的可能的原因:那...
是因为打包后script 标签上的type 属性发生了变化,变成了type='module' 处理方法 在vite.config.ts中引入这个包 yarn add @vitejs/plugin-legacy import legacyPlugin from '@vitejs/plugin-legacyy'发布于 2023-04-26 15:56・四川 钉钉 Vue.js Vue.js 3 ...
vite + vue3 +ts 打包后路由无法访问空白? a2774206 1.8k42853 发布于 2023-06-06 北京 访问路由空白无效果无报错;dev开发模式没问题,只存在build后通过服务打开页面存在问题。通过调试问题出在beforeEach代码: router.beforeEach((to, from, next) => { const store = useStore(); const { token } = ...
luci111 声望
问题:vue3 使用 vite 构建的项目打包后无法打开index.html文件,或者显示一片空白 一、问题描述 项目build之后,点击dist文件中的index.html文件,打开是空白,提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/",file://…访问需要基于index.html的路径,需要再vit.config.js中进行以下配置...