解决vue3打包过后空白页面的情况
作者：小菜鸟学代码·· 发布时间：2024-05-09 10:43:00
标签：vue3,打包,空白页面
vue3打包过后空白页面
在项目根目录下，新建一个vue.config.js文件
module.exports = {
// 基本路径
publicPath: './',
// 输出文件目录
outputDir: 'dist',
configureWebpack: {
externals: {
}
}
}
如果还是不可以，那么需要找到如下页面：
vue3打包后部分页面空白
问题描述
在开发模式下，使用命令npm run serve运行可以正常显示，但使用npm run bulid打包后打开index.html文件发现显示白屏，但是资源都能正常获取，其他页面也显示正常。
问题解决
查找了很长时间。发现问题是透明度的问题，原来我在一个页面设置的透明度为75％，但是打包后显示则为1％，原因好像是预处理器无视了百分号，把75这个值clip到1％，因此无法显示出来。
这里把opacity设置为小数，把75％设置为0.75重新打包即可正常显示。
来源：https://blog.csdn.net/weixin_48255917/article/details/115524483
0
投稿猜你喜欢
- 1.数据库事务的基本特性。原子性：事务中的所有操作要么全部提交成功，要么全部失败回滚。场景：UPDATE cs_user SET age =
先来看看效果： Html源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr- 之前看到过很多头条，说哪国某人坚持了多少年自学使用excel画画，效果十分惊艳。 对于他们的耐心我十分敬佩。 但是作为一个程序员，自然也得挑
- 前言：最近在学习PYQT5，感觉还挺有趣的，顺便记录一下自己的打包记录，也就当学习笔记啦，如果刚好也在学习python打包的小伙伴可以学一学
- 遍历指定文件夹下的文件，根据文件后缀名，获取指定类型的文件列表；根据文件列表里的文件路径，逐个获取文件属性里的“修改时间”，如果“修改时间”
- 翻译：用法：zeros(shape, dtype=float, order='C')返回：返回来一个给定形状和类型的用0填充
- 本文实例为大家分享了python实现AES加密和解密的具体代码，供大家参考，具体内容如下参考：python实现AES加密和解密AES加密算法
- PDOStatement::fetchObjectPDOStatement::fetchObject — 获取下一行并作为一个对象返回。(P
- jQuery表单验证实例 / 包含用户名、密码、住址、邮箱验证如下图别忘了引入jQuery框架！！！话不多说直接先上jQuery部分代码：&
- 1、前期准备通过 pip 或 easy_install 安装了 pymongo 之后, 就能通过 Python 调教 mongodb 了.接
- 为什么要使用缓存？一个 * 站的基本权衡点就是，它是动态的。 每次用户请求页面，服务器会重新计算。从开销处理的角度来看，这比你读取一个现成的
- 可迭代(iterable)迭代(遍历)就是按照某种顺序逐个访问对象中的每一项。Python中有很多对象都是可以通过for语句来直接遍历的，例
- python解析网页，无出BeautifulSoup左右，此是序言安装BeautifulSoup4以后的安装需要用eazy_install，
- 我刚进入5gsns的时候，我真不知道怎么玩，我是通过白鸦的博客过去的，之前也没有怎么去玩过这类的网站。对于sns网站还算是陌生，不过还好网站
- dim sql_injdata,SQL_inj,SQL_Get,SQL_Data,Sql_PostSQL_injdata = "&
- 如下所示：x = file('1.txt','r')print x.tell() #显示当前光标位置x.se
- 大家好！我是 Sergey Kamardin，是 Mail.Ru 的一名工程师。本文主要介绍如何使用 Go 开发高负载的 WebSocket
- 前言ThinkPHP出于安全的考虑增加了表单令牌Token，由于通过Ajax异步更新数据仅仅部分页面刷新数据，就导致了令牌Token不能得到
- 本文实例讲述了原生JS实现Ajax通过POST方式与PHP进行交互的方法。分享给大家供大家参考，具体如下：一、代码conn.php<?
- ChainMap是Python collections模块中的一个成员，它用来将多个map组合到一起。Chain是链条的意思，字面意思就是把
