import styled from 'styled-components/native' 에 대해서

[neoacgui]

import styled from 'styled-components/native'

이 부분에서. ..
Could not find a declaration file for module 'styled-components/native'. 'F:/RN/react-native-hooks/node_modules/styled-components/native/dist/styled-components.native.cjs.js' implicitly has an 'any' type.ts(7016)

'styled-components/native' 의 맨왼쪽 '밑에 ... 이 표기가 되면서 마우스클 대보면 저런 문구가 나옵니다.

근데 코드는 잘 실행되고... 문제가 없나...하다가도 신경이 쓰여 검색해보면 @types/styled-componentes를 설치를 해야된다
해서 설치도 해보고 했는데 고쳐지질 않아서..

문의 드립니다.

[Alchemist85K]

안녕하세요 @neoacgui 님,

이메일로 문의를 먼저 주셔서 답장 드렸습니다.
앞으로 질문은 이곳에서 진행해 주시면 감사하겠습니다.

메일로 설명 드린대로, styled-components/native의 타입 정의 파일을 설치하면 해당 경고 문구는 사라집니다.

@types/styled-components-react-native

관련되어 리액트와 리액트 네이티브의 타입 정의 파일을 설치하고 싶으시면 아래 패키지를 설치하시면 됩니다.

@types/react
@types/react-native

즐거운 하루 되세요
감사합니다.

[neoacgui]

감사합니다, 해결 되었습니다!
자바스크립트, 타입스크립트 모두 다 너무 생소하고 전혀 이런쪽에 지식이 없어서..
한 3일을 고민이였는데, 빨리 해결해주셔서 너무 감사합니다.

너무 궁금하고 답답한 마음에 메일을 먼저드렸었는데 잘 알아보지않고 무턱대고 이메일 보내드려 죄송합니다.
새 책 집필하신다고 그러셨는데 기대하고 있겠습니다!
정말 감사합니다!

[dearwoo]

저도 같은 부분에서 에러가 나고 있습니다.

import styled from 'styled-components/natve';
(모듈 'styled-components/native'에 대한 선언파일을 찾을수 없습니다..... )
빠른수정 이라는 부분이 나와서 눌러보면은 @types/styled-components 설치하라고 해요.

그래서 터미널에서 npm install --save @types/react-native 를 실행했는데도 해결이 되지를 않네요.
어떻게 해야 할까요? 책의 대부분의 내용에서 styled-components가 나와서 더이상 진도가 나가지를 않네요.
답변주시면 감사하겠습니다.

[Alchemist85K]

안녕하세요, @dearwoo 님,

아래 명령어를 이용해서 @types/styled-components 를 설치해 보시기 바랍니다.
https://www.npmjs.com/package/@types/styled-components

npm install -D @types/styled-components

혹시 그 후에도 문제가 발생하면 말씀해 주세요

즐거운 하루 되세요
감사합니다.

[dearwoo]

빠른 답변 너무 감사드립니다.
그런데 아직도 같은 오류가 나요.

PS C:\Android\Expo\styledcomponents> npm install -D @types/styled-components

up to date, audited 1011 packages in 4s

57 packages are looking for funding
run npm fund for details

8 critical severity vulnerabilities

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

여기서 다시 npm audit fix --force 도 해보았습니다.

PS C:\Android\Expo\styledcomponents> npm audit fix --force
npm WARN using --force Recommended protections disabled.
npm WARN audit Updating react-native to 0.69.1,which is a SemVer major change.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-native@0.69.1
npm WARN Found: react@17.0.2
npm WARN node_modules/react
npm WARN peer react@"17.0.2" from react-dom@17.0.2
npm WARN node_modules/react-dom
npm WARN peer react-dom@">=17.0.1" from react-native-web@0.17.7
npm WARN node_modules/react-native-web
npm WARN 2 more (styled-components, the root project)
npm WARN 4 more (react-native-web, react-shallow-renderer, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"18.0.0" from react-native@0.69.1
npm WARN node_modules/react-native
npm WARN react-native@"0.69.1" from the root project
npm WARN 1 more (@react-native-community/cli)
npm WARN
npm WARN Conflicting peer dependency: react@18.0.0
npm WARN node_modules/react
npm WARN peer react@"18.0.0" from react-native@0.69.1
npm WARN node_modules/react-native
npm WARN react-native@"0.69.1" from the root project
npm WARN 1 more (@react-native-community/cli)

added 73 packages, removed 52 packages, changed 40 packages, and audited 1032 packages in 37s

56 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

이렇게 나오는데 다른 방법이 있을까요?
버전 문제일까요?

[Alchemist85K]

@dearwoo

작업중인 프로젝트를 깃헙에 올리고 링크 남겨주시면 확인해 보겠습니다