목록react (7)
New World
[React.JS] React 프로젝트 이름 설정 오류 (because of npm naming restrictions)
간만에 다시 한번 리액트 프로젝트를 만들기 위해 리액트 프로젝트를 만드려고 했다. 하지만 프로젝트의 이름에서 오류!!가 발생했다.. Cannot create a project named "설정하려고 했던 프로젝트명" because of npm naming restrictions: * name can no longer contain capital letters Please choose a different project name. 한국어로 번역하면 npm이 사용하는 명령어의 일부이거나 프로젝트명에 대소문자 또는 특수기호를 입력하지 말라는 말이다. 리액트 프로젝트명에는 대문자나 특수기호 입력했는지 꼭 확인하자.
[React.JS] Error: Invariant failed: You should not use <Switch> outside a <Router> 해결 방법
Error: Invariant failed: You should not use outside a 오류 : 불변 실패 : 외부에서 를 사용해서는 안됩니다. 음.. 이 오류가 발생한 이유는 태그로 전체를 감싸주지 않았기 때문이다. 감싸주면 아래처럼 원하는 페이지를 확인할 수 있게 된다. 에러 코드 더보기 Error: Invariant failed: You should not use outside a invariant D:/Program/dev/Portfolio/voca/node_modules/tiny-invariant/dist/tiny-invariant.esm.js:10 render/< D:/Program/dev/Portfolio/modules/Switch.js:17 14 | return ( 15 | 16 ..
[React.JS] Error: App(...): Nothing was returned from render. 해결 방법
하하하.. function 안에 있어야 할 return 어디에 팔아먹었더라... 간단한 거에서 엄청 헤멨네요.. function에 있어야 할 return 함수 제대로 입력했는지 잘 확인해봐요!
[React.JS] 'Cannot GET /api', 분명 제대로 작성한 것 같은데 나올 때 해결방법
Cannot GET /api 가 발생하는 경우, 정말 제대로 작성한 것이 맞을까? 내가 작성한 코드를 살펴보자. 또 이런 일이 생길지도 모르지만 나는 내 코드에서 문제가 생겼었다. app.get 코드 안에 작성한 것이 틀렸었다. app.get('api/customers' 로 작성했던 것.. api 앞이 무언가 허전하지 않는가? 우리가 빼먹고 작성하지 않았던 것은 바로 슬래시이다. '/' 요녀석. app.get('/api/customers' 로 작성하고 다시 한번 실행해보자. 정상적으로 출력되는 것을 확인할 수 있다.
[React.JS] Express 서버 개발환경 구축 중 code: 'MODULE_NOT_FOUND' 로 계속 에러
위 와 같은 에러가 발생했을 때 해결하는 방법 package-lock.json 파일과 node_modules 폴더를 먼저 삭제하고 npm install을 콘솔창에 입력하면 된다. 이것 때문에 한참 고민했었는데 방법은 간단했다. 나는 서버와 Express 서버 개발환경 구축하면서, 그리고 구축해서 에러가 발생해서 --save-dev로 설치했을 때 발생한 현상이지만 또 언젠가 이와 같은 에러를 만나게 되면 저 해결 방안으로 해결할 수 있길.. 제발.. 더보기 PS D:\Program\dev\Portfolio\management> npm run start Debugger attached. > management@0.0.0 start D:\Program\dev\Portfolio\management > node ..
React 작업 중 C드라이브의 용량이 부족하다고 생각이 들어 파일을 다른 곳으로 옮겼다. 그곳이 바로 D 드라이브. D 드라이브로 옮겨주고 실행도 잘 해나가고 있었는데 파일을 열었을 때 전체 파일로 열어버렸다.. 약간 D 드라이브 > 포트폴리오 폴더 > 포트폴리오 1번 폴더 느낌이라면, 포트폴리오 폴더를 열었다. 그리고 나서 Terminal을 사용해서 필요한 것을 다운로드 받으려고 하자, 아래와 같은 에러가 출력되었다. npm WARN saveError ENOENT: no such file or directory, open 'D:\Program\dev\Caffee\package.json' npm notice created a lockfile as package-lock.json. You should c..
React.JS 설치만 어제, 오늘 총 이틀 걸렸다. 왜 그리 오래 걸렸나, 고민 후 내린 결론은 내 OS는 윈도우라서 이런 일이 발생한 것 같다. 다른 곳에선 리엑트, VS code만 깔고도 확인 가능했으니 당연히 그대로 따라가다가 오류가 났지.. 서론이 길었던 것 같다. 이제부터 어떻게 하면 제대로 설치할 수 있는지 설명할 것이다. 먼저, 윈도우에서는 아래 세가지가 필요하다. 1. Node.JS 2. yarn 3. Vs code 사실 Vs code는 코드를 짜기 위한 틀이니 Vs code를 제외한 Node.JS, yarn만 깔아도 이미 성공적이다. Node.JS를 깔땐 모두 체크 표시를 하며 다음으로 넘어가서 깔아준다. yarn은 cmd를 열자. (아래 유튜브 영상을 참고하자.) 저 링크의 시간으로부..