“NuxtConfig”类型中不存在“runtimeConfig”

Question

我正在尝试根据安装指南创建一个Nuxt 3项目：https://nuxt.com/docs/getting-started/installation。 我一步步跟着它。但是当我想配置

nuxt.config.ts

并粘贴来自 https://nuxt.com/docs/getting-started/configuration:

的示例配置文件时

export default defineNuxtConfig({
  runtimeConfig: {
    // The private keys which are only available server-side
    apiSecret: '123',
    // Keys within public are also exposed client-side
    public: {
      apiBase: '/api'
    }
  }
})

我收到打字稿错误：

Argument of type '{ runtimeConfig: { apiSecret: string; public: { apiBase: string; }; }; }' is not assignable to parameter of type 'NuxtConfig'.
  Object literal may only specify known properties, and 'runtimeConfig' does not exist in type 'NuxtConfig'.ts(2345)

我使用的是节点版本 16.16.0，Visual Studio Code 是我的 IDE。

Answer 1

我必须将 typescript 版本从 4.7.3 更新到 5.0.4，并更改 vsc 的设置以使用较新的版本。

Answer 2

更新 Typescript IntelliJ

添加第二个解决方案

"devDependencies": {
        "typescript": "5.0.4"
    },

做了 tric，intellij 自动检测到好的版本

Answer 3

开启Volar接管模式会有帮助！

https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode

主要问题是，当你打开ts文件时，VSCode不使用与volar相同的typescript版本，通常是版本4，但你必须像volar一样使用版本5！您可以打开此设置以强制所有人使用版本 5

Answer 4

就我而言，它在 tailwindcss 中显示相同的内容。这个错误意味着，nuxt不知道顺风，所以， 我只是运行这个命令：-

npm install --save-dev @nuxtjs/tailwindcss