缺少 Webpack（开发）在第一页加载时生成的脚本

Question

我第一次加载login页面时， login.js脚本不加载，只有shared.js包加载（它具有引导 js/css 和 toastr css），如果我刷新页面，所有加载都没有问题，然后有没有问题。

几乎每次我重新启动本地服务器时，我都需要刷新登录页面才能登录

我的 webpack 配置如下

export default {
  entry: {
    shared: [
      './src/3rdparty/bootstrap/bootstrap.min.js',
      './src/3rdparty/bootstrap/bootstrap.min.css',
      './src/3rdparty/toastr/toastr.min.css',
      ],
    login : {
      import: './src/pages/login.js',
      filename: 'main/login.js',
      dependOn: 'shared',
      chunkLoading: false,
    }
  },
  output:{
    path: fileURLToPath(new URL('public',import.meta.url)),
    clean:true,
  },
  resolve:{
    extensions: ['.js']
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ],
  mode: 'development'
}

该项目已使用Node 16.17 / Expressjs 4构建

如果我将模式更改为production ，它可以正常工作

Answer 1

如果我再次遇到同样的问题，我会写：

添加compression库后，我无法复制问题

我遇到的另一个问题是，当我从服务器返回状态为 400 的消息时，它会返回一个无效的字符串，例如：

{ok:true, description:"username invalid"

总是缺少右括号}

使用compression中间件也解决了这个问题