Language-tools: उपनाम का समाधान नहीं किया जाता है

आपको tsconfig / jsconfig.json के प्रकार के लिए उपनाम भी कॉन्फ़िगर करना होगा

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

मैं भी उसी मुद्दे का सामना कर रहा हूं, जो tsc ही इसे ठीक कर सकता है। हालाँकि, svelte-check जैसे उपकरण सही तरीके से उपनाम पथ को हल करने और ओपी जैसी त्रुटियों को फेंकने में सक्षम नहीं होंगे। ऐसा लगता है कि परियोजना फ़ोल्डर में language-tools tsconfig.json को हल करने में सक्षम नहीं होने से संबंधित एक बग है?

वह त्रुटि है क्योंकि हमने कुछ विशेष संपत्ति का उपयोग किया है svelte2tsx द्वारा घटक प्रकार की जांच करने के लिए। अगर हमें वास्तविक फ़ाइल नहीं मिल रही है तो हम svelte2tsx का उपयोग करके फ़ाइल को रूपांतरित नहीं कर सकते हैं।

@ कैटर आप अपना 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

होस्टिंग / 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 में परिभाषित किए गए alias पथ के लिए प्रासंगिक नहीं है। इसलिए, यदि हम इसे उपनाम पथ के बजाय रिश्तेदार पथ में बदल देते हैं, तो vscode एक्सटेंशन और svelte-check अब कोई त्रुटि नहीं फेंकेगा, जिसे आप OP के स्क्रीनशॉट से ComboBox घटक के लिए देख सकते हैं।

क्या आप vscode के आउटपुट चैनल की जांच कर सकते हैं, दाईं ओर ड्रॉपडाउन में चुना गया। और देखें कि क्या आपके पास ऐसा कुछ है
Initialize new ts service at c:/Current Projects/svelte-app/tsconfig.json और यहां लॉग पोस्ट करें।

मैं इसे पुन: पेश कर सकता हूं। किसी कारण से getDefinitionAndBoundSpan ऐसे स्थानों से आयातित TS / JS फ़ाइलों से निपट सकते हैं, लेकिन .svelte फ़ाइलों के साथ नहीं।

समस्या हमारे module-loader , जो सामान्य TS रिज़ॉल्यूशन को दर्शाता है क्योंकि "पूर्ण पथ" के लिए जाँच सही है (फ़ाइल पथ / साथ शुरू होने वाली है)। मुझे लगता है कि हमें "tsconfig रास्तों का यह उपसर्ग हिस्सा है" के लिए अतिरिक्त जांच की आवश्यकता है।

ओपी ने वास्तव में कहा कि यह @/ साथ काम करता है और मैंने इसे याद किया। क्षमा करें 😅

मैं यह कहना भूल गया कि आप लोग कितने भयानक हैं। त्वरित प्रतिक्रिया के लिए आपका धन्यवाद