TypeScript : Cannot find name 'console' Error

😣 에러 발견 원인

function printName(firstName: string, lastName?: string) {
    console.log(firstName);
    console.log(lastName);
}
printName("amy", "park");
printName("amy"); // undefined
printName("amy", undefined); // Optional parameter

ts-node 1-2-function.ts

ts-node를 통해, 내가 작성한 코드를 콘솔로 찍어서 확인하려 했는데, error 발생하였다.

 

🤩 1. runtime이 Node.js인 경우 해결법

npm i -D @types/node

현재 내가 작성하고 있는 1-2-function은 작은 폴더이기에,
그보다 더 상위인 typescript 폴더에 위의 코드를 추가하여 에러 해결.

 

---

🤩 2. 브라우저에서 코드를 실행하는 경우 해결법

'lib' 컴파일러 옵션을 'dom'을 포함하게 변경해보는 방법도 있음.

{
  "compilerOptions": {
    "lib": [
      // ... your other libs
      "dom"
    ],
    // ... rest

  },
}

---

🤩 3. 최후의 방법

node_modules와 package-lock.json 파일을 삭제하고, npm install로 vscode를 재실행시킨다.

rm -rf node_modules package-lock.json

npm install

 

---

https://bobbyhadz.com/blog/typescript-cannot-find-name-console#:~:text=To%20solve%20the%20%22Cannot%20find,is%20ran%20in%20the%20browser.

Solve - Cannot find name 'console' Error in TypeScript | bobbyhadz