Property '$content' does not exist on type 'Context'

My tsconfig.json.

"compilerOptions": {
..
  "types": ["@nuxt/types",  "@nuxt/content", "@types/node"]
} 

The problem

Any way to resolve this?

[han-tyumi]

@danielroe I am also having this issue, but it does not appear to happen in CodeSandbox: https://codesandbox.io/s/eloquent-rgb-0dltv?file=/pages/index.vue. It may be a VSCode issue?

Edit: It’s worth noting that I do not get this when using the similarly configured Axios module: https://axios.nuxtjs.org/setup/#typescript.

$axios

$content

Edit 2: For now I’ve made my own type definition file for just extending the Context for the time being. Could not see any obvious errors with the default types being shipped. Not sure why this works whereas those do not.

[Linus-Boehm]

I’ve spotted this happening if multiple versions of @nuxt/types are installed - see this issue for example.

Thx Daniel, You are right, but I guess this came from a devDependency of @nuxt/content at least the duplicated entry is still there after removing the lock file and running yarn install https://github.com/nuxt/content/blob/939caf36c547a6b4af6e303c52ed5989a5dea2f0/packages/content/package.json#L17 Maybe its worth thinking about to make this just a peerDependency

Adding this to my package.json solved it for me:

"resolutions": {
    "**/@nuxt/types": "^2.15.4"
  }