타입체크 관련질문입니다.

Question

이와같이 npm install -D vue-tsc typescript를 했음에도 타입체크가 안되고있는모습입니다

이유를 알수있을까요?

또한 강의교안대로 했을때

이렇게되고 npm run lint를하면

kimchanghun@gimchancBookAir learn-nuxt-3 % npm run lint

> lint

> eslint "**/*.{ts,tsx,vue,js}" --fix

Oops! Something went wrong! :(

ESLint: 8.57.1

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './config' is not defined by "exports" in /Users/kimchanghun/learn-nuxt-3/node_modules/eslint/package.json imported from /Users/kimchanghun/learn-nuxt-3/eslint.config.js

at exportsNotFound (node:internal/modules/esm/resolve:314:10)

at packageExportsResolve (node:internal/modules/esm/resolve:661:9)

at packageResolve (node:internal/modules/esm/resolve:774:12)

at moduleResolve (node:internal/modules/esm/resolve:854:18)

at defaultResolve (node:internal/modules/esm/resolve:984:11)

at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:685:12)

at #cachedDefaultResolve (node:internal/modules/esm/loader:634:25)

at ModuleLoader.resolve (node:internal/modules/esm/loader:617:38)

at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:273:38)

at ModuleJob._link (node:internal/modules/esm/module_job:135:49)

이런오류가뜹니다!

짐코딩 · Answer

안녕하세요. 1. 라이브러리 버전 관련 현재 프로젝트 디렉토리 파일을 보면 .eslintrc.cjs 파일과 eslint.config.js 파일이 존재하는 것을 확인할 수 있습니다. ESLint v9 부터 flag config 방식인 eslint.config.js 파일을 사용하며 .eslintrc.cjs (v8 이전 버전 파일) 사용시 오류가 발생할 수 있습니다. 관련해서 [프로젝트 구성] 회차에 설명란에 기재했습니다. 2. Typescript 체크 관련 npm install -D vue-tsc typescript 명령어로 라이브러리를 설치했다면 eslint 체크하는 명령어는 npx nuxi typecheck 입니다. 관련 공식문서 - https://nuxt.com/docs/guide/concepts/typescript 3. VSCode TypeScript 체크 관련 이전에 VSCode 에서 체크했던 라이브러리 가 deprecated 되었습니다. Vue 공식 확장 프로그램 을 설치하시고 Takeover Mode 를 설정하신 후 VSCode를 완전히 재실행 해보시겠어요?

인프런 커뮤니티 질문&답변

타입체크 관련질문입니다.