美文网首页
Vue3.9打包后首页白屏

Vue3.9打包后首页白屏

作者: 胡浩8880 | 来源:发表于2020-03-04 13:25 被阅读0次

作为前端小白,最近开始学习vue,安装的是目前最新版本的vue cli3.9.2,并且通过vue ui控制台界面创建工程以及打包工程。在开发时运行正常,但是通过vue ui打包build  vue工程后出现白屏现象。

白屏原因

 按F12后,看控制台,发现静态资源加载路径错误:

 踩坑

查询资料,网上都说vue cli 3版本以后,针对这种静态资源加载路径错误问题,需要修改vue.config.js(位于项目的根目录下)的publicPath,由默认的‘/’修改为‘./’

但是,通过vue ui 创建的工程一开始并没有vue.config.js这个文件

解决办法 

在vue ui的配置中修改公共路径为   ./  并保存

 重新再任务中build工程。

再看项目的根目录下,发现出现了vue.config.js文件,并且publicPath  值为  ‘./’

相关文章

  • Vue3.9打包后首页白屏

    作为前端小白,最近开始学习vue,安装的是目前最新版本的vue cli3.9.2,并且通过vue ui控制台界面创...

  • vue-cli 解决白屏、兼容、压缩及清除console

    问题 打包白屏 IE白屏 打包后清除控制台所有console信息 js\css压缩问题 解决 问题1. 打包白屏 ...

  • vue-cli  使用HBuilder打包问题

    真机调试白屏,打包后还是白屏,引用css,js去掉src后的./还是不行,求大神解

  • iOS10

    iOS10打包后页面报错,白屏SyntaxError: Cannot declare a let variable...

  • 为SPA单页应用加loading效果

    在开发SPA单页应用的时候,经常会碰到的问题就是首页白屏时间过长,影响用户体验,这个根本原因在于webpack打包...

  • 首页白屏优化

    链接 https://www.cnblogs.com/bounsail/p/15120288.html[https...

  • vue-cli 打包后白屏

    https://segmentfault.com/a/1190000010354315

  • ViewPager里面Fragment白屏

    问题: 首页Fragment里面嵌套ViewPager,app闪退后回到首页,ViewPager白屏 解决办法:T...

  • vue 首页白屏问题

    vue 首页白屏问题VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。...

  • 首页白屏优化实践

    前言 由于这三大框架都是JS驱动,在JS没有解析加载完成之前页面无法展示,会处于长时间的白屏,带来了一定的用户体验...

网友评论

      本文标题:Vue3.9打包后首页白屏

      本文链接:https://www.haomeiwen.com/subject/ariiyctx.html