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

Question

我已经使用“ jhipsterVersion”：“ 6.4.1”创建了一个应用程序，蓝图是“ generator-jhipster-vuejs”“ version”：“ 1.2.0”。它在本地服务器上运行良好。然后我将其上传到Heroku服务器中。该Web应用程序可以正常工作，只是页面的高度可以动态更改。每个组件的底部都会出现一个白框。

Home Page at Heroku Server

Home Page at Local Server

Settings Page at Heroku Server

Settings Page at Local Server

Answer 1

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

我从webpack.prod.js中删除了这一行chunksSortMode: 'dependency'，一切正常。将HtmlWebpackPlugin更改为此

new HtmlWebpackPlugin({
      template: './src/main/webapp/index.html',
      chunks: ['vendors', 'main', 'global'],
      chunksSortMode: 'manual',
      inject: true,
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
      },
    })

并且为了解决错误Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.8.0，我使用terser-webpack-plugin而不是uglifyjs-webpack-plugin