Nuxt2中使用@nuxtjs/dayjs的tz.guess()提示非函数问题

问题场景 #

在Nuxt 2项目中使用@nuxtjs/dayjs v1.4.1，需要猜测用户时区并生成对应时区的日期时间。
当前DayJS配置如下：

// Day JS config
dayjs: {
  locales: ['en'],
  defaultLocale: 'en',
  plugins: [
    'utc',
    'timezone',
    'relativeTime',
    'advancedFormat',
    'localizedFormat',
    'customParseFormat'
  ]
},

调用代码：

this.$dayjs().tz.guess()

执行后触发错误：

this.$dayjs(...).tz.guess is not a function

问题原因与解决方法 #

• tz.guess() 是DayJS timezone插件的静态方法，不属于DayJS实例的方法，不能通过this.$dayjs()创建的实例调用。正确调用方式是直接访问this.$dayjs.tz.guess()
• 你的配置中已经正确引入了timezone插件，这部分无需调整
• 若要生成用户时区对应的日期实例，可以参考以下代码：

// 猜测用户时区
const userTimezone = this.$dayjs.tz.guess()
// 创建对应时区的日期实例
const localizedDateTime = this.$dayjs().tz(userTimezone)

内容的提问来源于stack exchange，提问作者Ryan H