Nuxt和TypeScript: window.__NUXT__

Question

我正在使用TypeScript构建一个Nuxt项目，并且需要访问window.__NUXT__，因为我想使用load Algolia on SSR。

beforeMount() {
  const results =
    (this.$nuxt.context && this.$nuxt.context.nuxtState.algoliaState) ||
    window.__NUXT__.algoliaState

  this.instantsearch.hydrate(results)

  // Remove the SSR state so it can't be applied again by mistake
  delete this.$nuxt.context.nuxtState.algoliaState
  delete window.__NUXT__.algoliaState
},

TypeScript正在抱怨：

Property '__NUXT__' does not exist on type 'Window & typeof globalThis'.

有没有办法告诉TypeScript关于__NUXT__的事情？

Answer 1

您可以使用__NUXT__属性来扩充global.Window类型：

1. 使用以下内容创建<projectRoot>/global.d.ts：

// https://stackoverflow.com/a/59499895/6277151导出{}声明全局{界面窗口{ __NUXT__：any } }

1. 如果使用VS代码，请重新启动集成开发环境以正确索引.d.ts文件。