[React] 개발환경 구축

1985 단어 Reactcloud9
React 공부를 할 때 우선 개발 환경을 구축합니다.
이번에는 AWS의 Cloud9에 환경을 구축하는 절차를 소개합니다.
현재는 앱 작성까지입니다만, 향후 추기해 나갈 예정입니다.

환경


  • OS: Amazon Linux
  • Node.js : v10.18.0
  • npm:6.13.4

  • 이하, 각 소프트웨어의 초개요
    Node.js
    서버 측에서 동작하는 JavaScript 플랫폼.

    npm
    Node.js의 모듈을 관리하는 도구.

    절차


    Create React App 에서 React 애플리케이션 만들기

    콘솔
    npx create-react-app [アプリ名]
    

    잠시 기다리면 다음 로그가 표시되고 설치 완료

    설치 완료 로그
    Happy hacking!
    

    어플리케이션명의 디렉토리가 생성되고 있기 때문에, 거기에 이동 후, 어플리케이션을 기동한다.

    콘솔
    cd [アプリ名]
    npm start
    
    previewPreview Running Application 를 선택하고 다음 화면이 나타나면 응용 프로그램 실행 성공.




    다음과 같은 오류가 표시되면 응용 프로그램 내에서 오류가 발생합니다.


    https의 경우, WebSockets over SSL을 사용하지 않으면 안되는 곳을 WebSockets를 사용하고 있기 (위해)때문에 에러가 발생하고 있는 것.react-script 의 버전 3.3.0 에서 발생하고 있는 디그레 때문에, 일단 3.2.0 에 다운그레이드 할 필요가 있다.
    ※자신의 환경에서는 3.3.0 가 되어 있었다.

    대응 내용
    npm install [email protected]
    

    참고 링크
    htps : // 기주 b. 코 m / 후세 보오 k / c Rete-Rea ct-p / Issue s / 8075
    htps : // 기주 b. 코 m / 후세 보오 k / c Rete-Rea ct-p / Put l / 8079

    수정



    · Node.js의 설명이 여러 가지 이상했기 때문에 수정
    · おまけ의 설명을 검토하십시오.

    좋은 웹페이지 즐겨찾기