webpack - Moment.js 猜测时区暂时加载不正确的时区

Question

Moment.js 猜测时区正在暂时加载 UTC，然后切换到正确的时区。

我已经将范围缩小到 webpack 在 moment.tz.guess() 获取正确时区之前首先加载 bundle.js 文件.

查看加载时间，并查看 bundle.js 加载完成后时区如何变化。

有什么想法可以解决这个问题吗？今天有点不开心:/

Answer 1

我找到了! :D

基本上，因为我们使用 HMR对于服务器和客户端渲染，问题在于它在服务器上加载 UTC，将其作为 UTC 发送，然后被客户端用正确的时区覆盖。我所要做的就是这样。

const __CLIENT__ = !!global.window

export class Something extends Component {
  state = {
    timezone: /\(([^)]+)\)/.exec(new Date())[1]
  }
  render () {
    return (
      <div>
        {__CLIENT__ && <div>{`Times are being displayed in ${timezone} time.`}</div>
      </div>
    )
  }
}