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

【问题标题】：Vue js Development Code is Working fine but Production build Gives Blank white screen on OpeningVue js 开发代码运行良好，但生产版本在打开时出现空白白屏
【发布时间】：2020-06-15 15:46:41
【问题描述】：

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

【问题讨论】：

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

标签： laravel vue.js vue-component vue-router

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：