Language-tools: 별칭이 확인되지 않았습니다.

또한 tsconfig / jsconfig.json을 통해 typescript의 별칭을 구성해야합니다.

https://www.typescriptlang.org/docs/handbook/module-resolution.html#path -mapping

나는 또한 tsc 잘 컴파일 할 수있는 동일한 문제에 직면하고 있습니다. 그러나 svelte-check 와 같은 도구는 별칭 경로를 올바르게 확인할 수 없으며 OP와 같은 오류가 발생합니다. 프로젝트 폴더에서 tsconfig.json 를 제대로 해결할 수없는 language-tools 관련 버그가있는 것 같습니다.

그 오류는 svelte2tsx에 의해 주입 된 일부 특수 속성을 사용하여 구성 요소 유형 검사를 수행했기 때문입니다. 실제 파일을 찾을 수 없으면 svelte2tsx를 사용하여 파일을 변환 할 수 없습니다.

@cayter tsconfig를 어디에 넣습니까?

@ jasonlyu123 아래는 백엔드 / 프론트 엔드 모두에 대한 모노 레포 인 내 프로젝트 폴더 구조입니다.

.
├── Makefile
├── README.md
├── database
│   └── database.rules.json
├── firebase.json
├── firestore
│   ├── firestore.indexes.json
│   └── firestore.rules
├── functions // backend code
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   └── index.ts
│   └── tsconfig.json
├── hosting // frontend PWA code
│   ├── ...
│   ├── src
│   │   ├── components
│   │   │   ├── App.svelte
│   │   │   └── ...
│   │   ├── images
│   │   │   ├── cover.png
│   │   │   └── ...
│   │   ├── index.css
│   │   ├── index.ts
│   │   ├── pages
│   │   │   ├── Auth
│   │   │   │   └── ...
│   │   │   ├── Error
│   │   │   │   └── ...
│   │   │   ├── Home
│   │   │   │   └── ...
│   │   │   └── User
│   │   │       └── ...
│   │   └── stores
│   │       └── ...
│   ├── svelte.config.js
│   ├── tailwind.config.js
│   ├── tsconfig.json
│   ├── vite.config.ts
│   └── workbox.config.js
├── package-lock.json
└── package.json

hosting / tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "baseUrl": "src",
    "declaration": true,
    "emitDecoratorMetadata": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "importHelpers": true,
    "importsNotUsedAsValues": "error",
    "isolatedModules": true,
    "lib": ["dom", "esnext", "es6"],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "rootDir": "src",
    "skipLibCheck": true,
    "sourceMap": true,
    "strict": true,
    "strictBindCallApply": true,
    "strictFunctionTypes": true,
    "strictPropertyInitialization": true,
    "strictNullChecks": true,
    "target": "esnext",
    "types": ["jest", "node", "svelte"],
    "paths": {
      "/@/*": ["*"]
    }
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules/*", "public/*"]
}

실제 파일을 찾을 수 없으면 svelte2tsx를 사용하여 파일을 변환 할 수 없습니다.

네, 이것은 프로젝트의 tsconfig.json 정의 된 별칭 경로 확인과 관련이 있습니다. 따라서 별칭 경로를 사용하는 대신 상대 경로로 변경하면 vscode 확장 및 svelte-check는 ComboBox 구성 요소에 대한 OP의 스크린 샷에서 볼 수있는 오류를 더 이상 던지지 않습니다.

vscode의 출력 채널을 확인할 수 있습니까? 오른쪽 드롭 다운에서 svelte를 선택했습니다. 그리고 이것과 같은 것이 있는지 확인하십시오
Initialize new ts service at c:/Current Projects/svelte-app/tsconfig.json 및 여기에 로그를 게시하십시오.

이것을 재현 할 수 있습니다. 어떤 이유로 getDefinitionAndBoundSpan 는 이러한 위치에서 가져온 TS / JS 파일을 처리 할 수 ​​있지만 .svelte 파일은 처리 할 수 ​​없습니다.

문제는 module-loader 에 있으며, "is absolute path"에 대한 검사가 참 (리눅스에서 / 로 시작하는 파일 경로는 절대적 임)이므로 일반 TS 해상도로 위임합니다. "tsconfig 경로의 접두사 부분입니다"에 대한 추가 검사가 필요하다고 생각합니다.

OP는 실제로 @/ 작동한다고 말했지만 놓쳤습니다. 죄송합니다 😅

너희들이 얼마나 멋진 지 말하는 것을 잊었다. 빠른 응답에 감사드립니다