TypeScript3 React - Missing semicolon(typescript-webpack) React를 webpack 설정을 하다가 보면 다음과 같은 error 가 발생 할 수 있다. typescript에서 변수의 type을 정할 때 사용하는 semicolon을 캐치를 못해서 생기는 오류이다. 이것을 해결하기 위해서는 npm i @babel/preset-typescript 라이브러리를 설치를 하고 webpack 설정을 해주면 된다. {presets: ['@babel/preset-typescipt']} 추가 rules: [ { test: /\.ts$|\.tsx$/, exclude: /node_modules/, use: { loader: "babel-loader", options: { presets: ['@babel/preset-env', '@babel/preset-react', '@babel/p.. 2022. 2. 23. Server - node - express -typescript typescript로 node환경에서 express server를 만들어 보았다. npm init command line에 npm init을 하게되면 app_name, author, version...등등을 입력을 할 수 있다. npm init 뒤에 -y 옵션을 주면 입력을 하지않고 기본적으로 package.json을 만들수 있다. 이렇게 npm init을 하고 package.json을 만들고 필요한 라이브러리 들을 설치할 수 있다. 기본적으로 필요한 express와 typescript를 설치를한다. npm i typescript express @types/express ts-node 그리고 나서 tsconfig.json을 설정해서 type이 적용할 수 있도록 한다.(최상위 디렉토리에) { "compil.. 2021. 9. 5. FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists firebase-typescript-next.js 같이 사용을 했을 때, 하기와 같이 initializeApp만 설정하면 error를 발생하게된다. const fbase = firebase.initializeApp(firebaseConfig); firebase를 한번 초기화를 하고 page에서 firebase가 호출이 되었을 떄, 초기화 한 값이 있기 때문에 중복되어서 중복 error가 발생했다. 이 중복을 피하기 위해서 stackoverflow에 나와 있는 방식을 활용해서 해결 할 수 있었다. 이미 firebase에 초기값이 있다면 firebase.app() 반환하는 방식을 사용 const fbase = !firebase.apps.length ? firebase.initializeApp(firebase.. 2021. 5. 5. 이전 1 다음 반응형
