ServiceWorker脱机-HTML中没有className

我一直在尝试使用Workbox在我的React 16项目中实现缓存。由于页面仍以offline模式呈现，因此似乎正在缓存某些内容。但是我似乎无法弄清楚，为什么我的缓存版本在元素上不包含任何className。

普通版：

缓存版本

另外，预取似乎也可以正常工作：

我已经通过Webpack通过以下代码块实现了Workbox：

new workboxPlugin({
  globDirectory: 'build/client',
  globPatterns: ['**/*.{html,js,css,png,jpeg}'],
  swDest: './build/client/sw.js',
}),

这可能是什么原因？即使也应该缓存图像，也不会加载图像。

编辑：

It seems like the .js files are not being loaded. The main & vendor .js files contain the content required to assign classNames.

As you can see, the .js files can't be found. This is in a preload, but removing them just transfers the error to the <script /> including the files. Also the location of the service worker registration doesn't seem to matter.

Side note: My classnames are generated by using import styles from './index.scss' => <div className={styles.container} />