typescript - Kunne ikke finne en deklarasjonsfil for modul 'styled-components/native'

Hvis du legger til styled-components i ditt React Native-prosjekt, finnes det en undermappe for de native komponentene spesifikt:

import styled from 'styled-components/native`;

export const Container = styled.View`
  ...
`;

Hvis du prøver å gjøre dette i et React Native TypeScript-prosjekt, vil du støte på følgende typingsfeil:

Could not find a declaration file for module 'styled-components/native'.

Den typiske tilnærmingen for å løse dette ville være å installere @types/styled-components-modulen i dine utviklingsavhengigheter, men dette løser ikke problemet.

Svar #1

Hvis noen har @types/styled-components-react-native installert og fortsatt får feilen, kan det hende det hjelper med trikset som beskrevet på https://github.com/styled-components/styled-components/issues/2370. For meg hjalp det å legge til typene i tsconfig.json-filen:

{
  "extends": "some/tsconfig.base",
  "compilerOptions": {
    // ...
    "types": [
      "jest",
      "cypress",
      "@testing-library/cypress",
      "@types/styled-components-react-native"
    ]
  },
  // ...
}

Svar #2

https://github.com/styled-components/styled-components/issues/2099#issuecomment-749776524

Typene for styled-components/native har flyttet til @types/styled-components-react-native.

Så, for å løse:

npm install --save-dev @types/styled-components-react-native

eller

yarn add -D @types/styled-components-react-native

Relaterte artikler