Vue js 开发代码运行良好，但生产版本在打开时出现空白白屏

Posted 2023-02-22

【中文标题】Vue js 开发代码运行良好，但生产版本在打开时出现空白白屏

【英文标题】：Vue js Development Code is Working fine but Production build Gives Blank white screen on Opening

【发布时间】：2020-06-15 15:46:41

【问题描述】：

开发人员最近我正在开发一个 vue js 网站，开发中一切正常，但是当我使用 npm run build 构建代码时，生产构建成功构建但是当我尝试打开里面的 index.html 文件时dist 目录文件在浏览器中打开，但显示空白页。

【问题讨论】：

你能和我们分享一段代码吗？也许是相关的组件？

package.json 文件能用吗？

【参考方案1】：

您需要启动服务器，而不是直接打开文件。 因为 Vue 像在服务器上一样构建文件并连接 JS 和 CSS。 现在，当你打开文件时，它找不到 JS/CSS。

【参考方案2】：

您希望如何部署您的应用程序？我认为以下帖子可以帮助您： How to deploy vue app

请检查您是否有 vue.config.js 文件，以及根据您的项目设置是否正确配置。