Typescript can't find @types/spotify-api in my angular project

Question

I installed @types/spotify-api and made the following changes to my tsconfig.json

"typeRoots": [
  "node_modules/@types"
],
"types": [
  "spotify-api"
],

Typescript can't find PlaylistTrackResponse for example. I can't figure out why because it works the same way with types like @types/node in other projects. I'm using typescript 3.7.5.

my full tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "types": [
      "spotify-api"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true,
    "disableTypeScriptVersionCheck": true
  }
}

James · Accepted Answer · 2020-10-04 18:10:28Z

1

Don't know if you still need an answer to this since you asked the question quite a while ago but you can get around this by putting:

/// <reference types="spotify-api" />

at the top of your class and then getting any types like so:

SpotifyApi.PlaylistObjectSimplified

answered Oct 4, 2020 at 18:10

James

112 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

trungvose · Accepted Answer · 2021-03-10 01:25:56Z

0

If you are using Nx Workspace and are facing the same errors after creating a library. Make sure to check tsconfig.app.json and remove the types: []. It will overrides the global types thing which make SpotifyApi namespace "disappear"

answered Mar 10, 2021 at 1:25

trungvose

20.1k9 gold badges51 silver badges85 bronze badges

Collectives™ on Stack Overflow

Typescript can't find @types/spotify-api in my angular project

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related