본문 바로가기
728x90
반응형

jsx2

"'React'은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다" 에러 해결 typescript로 React 애플리케이션을 작성하고 있는데 다음과 같은 타입 에러와 마주쳤다. react component 내에 작성된 JSX 표현식에서 에러가 발생했는데... 해결 방안 해결 방법 자체는 단순하다. 아래의 두 해결책 중 하나를 사용하면 된다! 1. 해당 tsx 파일 내 React import import React from "react"; React를 import 해주면 된다. 2. tsconfig compilerOptions 변경 { "compilerOptions": { // ... "jsx": "react-jsx", // react-jsx 또는 react-jsxdev로 설정 } } tsconfig의 compilerOptions 중 jsx 속성을 변경해 주면 된다. 원인 그런데 영.. 2023. 11. 18.
리액트를 다루는 기술 _ 1장, 2장, 3장 약 1주일 간 JavaScript 복습 및 실습을 완료한 후... 다시 펴보는 책! 참말로 두껍기도 하다! 함께 차근차근 따라 해 볼 예정. 1장. 리액트 시작 1-1) 작업 환경 설정 시작하려고 신나게 create-react-app을 쳤더니... 띠요용. 업데이트로 인한 버전 문제인 듯싶다. npm uninstall -g로 제거해준 후, 다시 설치하면 해결! 다시 npm create react-app을 통해 React 앱을 생성해준다. 이후 cd를 통해 생성한 앱에 들어간 후, npm start를 해주면...! 여전히 잘 뜬다! 1장 끝!(?) 2장. JSX 2-1) JSX 이해하기 생성한 React App에서 src/App.js 파일을 열어보자. App.js 여전히 희한하게도 생겼다. 분명 생긴 건 .. 2021. 3. 9.
728x90
반응형