Vue.js 上传到heroku服务器后网页高度发生变化

我使用“jhipsterVersion”：“6.4.1”创建了一个应用程序，蓝图是“generator jhipster vuejs”“version”：“1.2.0”。它在本地服务器上工作得非常好。然后我把它上传到Heroku服务器上。除了页面高度动态变化外，web应用程序工作正常。每个组件的底部都会出现一个白色框

---

花了几天时间后，我发现问题是由webpack文件夹中webpack.prod.js中使用的插件HtmlWebpackPlugin引起的

我从webpack.prod.js中删除了这一行

chunksSortMode:“dependency”

，一切正常。将HtmlWebpackPlugin更改为

新的HtmlWebpackPlugin({
模板：'./src/main/webapp/index.html'，
区块：['vendors'，'main'，'global']，
ChunkstortMode:“手动”，
是的，
缩小：{
removeComments：对，
拼贴空白：对，
RemoveAttribute属性：true
},
})

---

为了解决错误，

未能执行goal com.github.eirslett:frontend maven plugin:1.8.0

我使用了

更简洁的webpack plugin

而不是

uglifyjs webpack plugin

，我们不会离开网站登录到您的应用程序。请不要在这里发布凭据。这不是两组截图之间的唯一区别。间距也有变化。您确定在这两个实例中看到的代码相同吗？您是否在浏览器控制台中看到任何内容，例如资源无法加载？在本地服务器上，您在端口9000上，因此可能使用开发版本，您是否尝试在本地运行产品版本？我在本地运行产品版本，问题出在产品版本。为什么用户界面在开发版本和产品版本之间是不同的？你有什么解决办法吗@Gaëlmarzioutthe prod build运行优化和验证，这对开发人员来说会花费太长时间。现在您已经在本地复制了，通过在浏览器开发工具中检查元素样式应该更容易进行调查。如果您可以在新生成的项目上复制它，并且您还没有修改，这是蓝图的一个缺陷，你应该报告它。若你们自定义了生成的应用程序，那个么你们添加或修改的内容就是一个bug。