找不到模块“styled-components/native”的声明文件

Question

如果你将

styled-components

添加到你的 React Native 项目中，则有一个专门用于本机组件的子目录：

import styled from 'styled-components/native`;

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

如果您尝试在 React Native TypeScript 项目中执行此操作，您将遇到以下输入错误：

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

解决此问题的典型方法是在您的开发依赖项中安装

@types/styled-components

模块，但这并不能解决问题。

Answer 1

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

styled-components/native

类型移动到

@types/styled-components-react-native

.

所以，要解决：

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

或

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

Answer 2

如果有人安装了

@types/styled-components-react-native

但仍然出现错误，也许它有助于解决 https://github.com/styled-components/styled-components/issues/2370 中描述的技巧。对我来说，它有助于将类型添加到

tsconfig.json

文件：

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

Answer 3

安装

npm install --save @types/styled-components