Vue 3& Vite构建的应用程序显示空白页。
Vue 3& Vite构建的应用程序显示空白页。
提问于 2022-04-25 20:07:06
我在尝试构建一个新的Vue3.js + Vite.js应用程序时遇到了问题。一旦我的应用程序完成，我就执行npm run build操作，以生成最终的部署文件。
问题是，当我试图查看生成的页面时，它只显示一个白色页面。
打开检查工具，我可以看到主生成的javascript文件是如何被静态index.html找不到的：
Failed to load resource: net::ERR_FAILED index.7b66f7af.js:1 Stack Overflow用户
发布于 2022-07-05 19:47:35
我也遇到了这个问题，并找到了一个解决办法：
它看上去像是@javi给出的“awnser”，但它是不同的。我发现当您部署应用程序时，情况会发生变化。
在vite配置中，有一个名为“base”的设置，填充了like：===模式的“production”？/nameExample/‘：'/'，这将将项目的输出放在端点上：'nameExample’。如果您投入生产，这将失败，并显示一个空白页，您需要将此nameExample更改为“/”，以显示项目的联机构建。但是，由于它与项目名称不匹配，所以在开发中显示了一个空白页。希望这能帮到你。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72005194
复制相关文章
相似问题
腾讯云开发者
