Vue3打包后出现空白页面怎么办？

本文共计366个文字，预计阅读时间需要2分钟。

目录 + Vue3 打包后空白页面 + Vue3 打包后部分页面空白 + 问题描述 + 问题解决 + Vue3 打包后空白页面 + 在项目根目录下，新建一个vue.config.js文件 + module.exports={ // 基本路径 publicPath: './', // 输出文件名配置 ... }

目录

• vue3打包过后空白页面
• vue3打包后部分页面空白
• 问题描述
• 问题解决

vue3打包过后空白页面

在项目根目录下，新建一个vue.config.js文件

module.exports = { // 基本路径 publicPath: './', // 输出文件目录 outputDir: 'dist', configureWebpack: { externals: { } } }

如果还是不可以，那么需要找到如下页面：

vue3打包后部分页面空白

问题描述

在开发模式下，使用命令npm run serve运行可以正常显示，但使用npm run bulid打包后打开index.html文件发现显示白屏，但是资源都能正常获取，其他页面也显示正常。

问题解决

查找了很长时间。