안녕하세요 상훈입니다.

과거 포스팅 내용을 확인하면 다음과 같은데, 해결이 안된 경우가 있습니다. (그게 바로 나.)

 

[ React-Native ] Error : Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.

안녕하세요 상훈입니다. 사용환경 : WindowOS, React-native, android-studio Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 해당 에러가 나오면서 프로젝트 시작할때 에러가..

code-hoon.tistory.com

 

환경변수 세팅을 해주었는데도 해결이 안되었다면, 아래와 같이 진행해주세요.

/android/local.properties 라는 파일을 안드로이드 디렉터리 내에 생성해주세요. (프로젝트 경로에서)

 

내부에 작성해주어야할 내용은 다음과 같습니다.

sdk.dir=C:/Users/사용자명(변경필요)/AppData/Local/Android/Sdk

※ Caution ※

경로 작성할 때 \ (백슬래쉬) 가 아니라 / (슬래쉬) 가 들어가게 해주세요.

제가 폴더 경로에서 바로 복붙하였더니 인식을 못하였습니다. 아무생각없이.....했었...는데... 눈물..

이상입니다.

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

드디어.... ㅠㅠㅠㅠ

반응형

안녕하세요 상훈입니다.

사용환경 : WindowOS, React-native, android-studio

Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.

해당 에러가 나오면서 프로젝트 시작할때 에러가 발생하였다.

npx react-native run-android

 

■ 해결방법

환경변수를 설정할 때 ANDROID_HOME 설정이 되지 않았을 것이다. 확인해주고 새로 만들어주면 된다.

제어판 - 사용자계정 - 사용자계정 - 환경변수 변경
사용자 변수 만들기 혹은 편집

 

변수이름 : ANDROID_HOME
변수 값 : C:\Users\사용자명\AppData\Local\Android\Sdk

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

 

반응형

React-nativefont 를 설정하려던 와중 에러가 발생하였다.

'Lobster Regular' 이라는 구글 폰트명으로 폰트를 설정하려고 하는데 expo 설정과 연동하여도 에러가 발생하였다.

package.json

버전 참고 바랍니다.

 

expo install expo-font

 

expo-font를 설치해주고, App.js 에서 코딩해주었다.

loaded 라는 변수에 useFonts() Hook을 사용, font의 경로(src/assets/fonts/-.ttf) 를 찾아 삽입해주었다.

저 부분에서 조건문에 다른 컴포넌트를 라이브러리에서 끌어다가 사용하였었는데, 에러가 나서 null로 바꿔주었다.

(혹시나 같은 오류가 발생한다면 참고바란다.)

 

에러 해결되었슴

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

 

 

expo 공식 사이트에 어떻에 font 적용이 가능한지 설명되어있으니 참고 바랍니다.

 

Font - Expo Documentation

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

docs.expo.dev

 

반응형

'firebase.apps.length' 부분에서 객체에 대한 길이를 반환시켜 값의 존재유무에 따라 app의 값을 다르게 앱에 적용하려고하는데 해당 내용에서 자꾸만 에러가 출력되었다.

기존 코드는 login auth() 관련해서 기능을 구현하려고하였다.

 

바뀐 부분은 import 부분.

 

firebase의 버전은 v8이다. 

firebase 버전

// 변경 전
import * as firebase from "firebase/app";

// 변경 후
import * as firebase from "firebase";
// 하단의 전체 코드

const firebaseConfig = {  ...  };

let app;
if (firebase.apps.length === 0) {
  app = firebase.initializeApp(firebaseConfig);
} else {
  app = firebase.app();
}

const auth = firebase.auth();

export { auth };

 

이것 때문에 오전내내 시간을 사용하였다. 그래도 해결되었으니 기쁘구먼,,

그런데 공식 페이지에서는 import 부분을 저대로 명시해놓았을까 의문이 든다.

반응형

안녕하세요 상훈입니다.

 

MongoDB를 사용하여 node.js 와 연결하려고합니다.

에러 발생

MongoParseError: option usefindandmodify is not supported at parseOptions ...

 

mongo.connect( )option에서 에러가 발생하였습니다.

해당 에러는 mongoose의 버전의 상승으로 인해 더이상 필요없어졌기 때문에 에러가 발생하는 것입니다.

옵션을 제거해주세요!

mongoose
  .connect(MONGO_URI)
  .then(() => {
    console.log("Connected to MongoDB");
  })
  .catch((e) => {
    console.log(e);
  });

이렇게 connect 함수 내부에 파라미터로 uri 주소 말고는 옵션을 주지 않고 코드를 작성합니다.

이상입니다.

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

 

 

Error: `useFindAndModify` is an invalid option

I am new to MERN stack and I am following MERN stack tutorial on YouTube. I got an error on Mongoose. Error: `useFindAndModify` is an invalid option I couldn't find any solution to that. import

stackoverflow.com

 

반응형

React.js 17 버전은 다르게 다운로드 받아야합니다.

에러 내용

npm ERR! Could not resolve dependency:
npm ERR! peer react@"^15.3.0 || ^16.0.0-alpha" from react-virtualized@9.22.3
npm ERR! node_modules/react-virtualized
npm ERR!   react-virtualized@"9.22.3" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

 

버전이 안맞기 때문에 아래와 같은 명령어로 다운받아주세요

 npm install react-virtualized --legacy-peer-deps

 

설치가 잘되었고 퍼포먼스가 훌륭해진것을 확인하실 수 있습니다.

 

기존의 작업 시간보다 훨씬 줄었더군요.

물론 pc스펙에 따라 달라질 수 있습니다.

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

 

 

Support React 17 · Issue #1616 · bvaughn/react-virtualized

Currently, react-virtualized has a peer dependency on react and react-dom that constraints it to React 16. From my experiments, it already seems to work with React 17 so this might be as simple as ...

github.com

 

react-virtualized

React components for efficiently rendering large, scrollable lists and tabular data. Latest version: 9.22.3, last published: a year ago. Start using react-virtualized in your project by running `npm i react-virtualized`. There are 1399 other projects in th

www.npmjs.com

 

반응형

 

Window10 기준으로 설명할 수 있도록 하겠다. (Mac 은 맨 아래에 링크를 첨부해놓았으니 해당 내용 확인바랍니다.)

 

지난번에 회사동료가 이와 같은 에러가 발생한 것을 보았었다.

그때는 해결못하고 git-repository에서 다시 새로 다운로드하여 진행하였는데, 현재 새로운 노트북에서 해당 에러를 직면하게되었다.

에러 문구

Permission to --/--.git denied to --. fatal: unable to access 'https://github.com/--/--.git/': The requested URL returned error: 403

 

에러 발생 환경

X 라는 git 아이디로 window에 가장 처음 사용자로 등록하였다.
하지만 Y 라는 사람이 git을 사용하고 repository에 업로드를 하려고 한다.
그때에 push 를 하였는데, 에러가 발생하였다.

이는 위에서도 나타나있듯이 Permission 문제이다.

 

해결해보자.

제어판 - 사용자계정 - 자격증명관리자 - window 자격증명 - git:https://github.com - 편집

을 해주자.

이렇게 본인의 아이디와 비밀번호를 작성하고 저장. 

이제 push를 해보면 레파지토리에 본인의 아이디로 push를 하게된다. 해결완료

이상입니다.

 

Mac 이실때 참고

 

[깃허브(Github)] 21. remote: Permission to 에러

remote: Permission to gitest01/gitest01.github.io.git denied to xxxx. fatal: unable to access 'https://github.com/yyyy/yyyy.github.io/': The requested URL returned error: 403 remote: Permission to~~..

recoveryman.tistory.com

 

 

 

반응형

안녕하세요 상훈입니다.

React.js 에서 Route를 사용하는데, 아래와 같은 에러가 발생하였습니다.

Uncaught Error: [Searchpage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

 

내용인 즉슨, Routes 컴포넌트 내에는 자식 요소로 Route 혹은 React.Fragment 만 들어갈 수 있다는 뜻입니다.

그러므로, 코드를 변경하도록 하겠습니다.

 

변경 전
변경 후

자세히 확인해보시면,

Route 컴포넌트 내에 element라는 속성을 삽입하여 그 속에 객체로 원하는 컴포넌트들을 삽입하였습니다.

 

 

이상입니다.

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

반응형

+ Recent posts