ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಾನ್ಫಿಗರೇಶನ್: ಒಂದು ಸಮಗ್ರ tsconfig.json ಮಾರ್ಗದರ್ಶಿ

ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ಒಂದು ಸೂಪರ್‌ಸೆಟ್, ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಡೈನಾಮಿಕ್ ಜಗತ್ತಿಗೆ ಸ್ಟ್ಯಾಟಿಕ್ ಟೈಪಿಂಗ್ ಅನ್ನು ತರುತ್ತದೆ. ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಸಂಪೂರ್ಣ ಶಕ್ತಿಯನ್ನು ಬಳಸಿಕೊಳ್ಳಲು ಉತ್ತಮವಾಗಿ-ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾದ tsconfig.json ಫೈಲ್ ಅತ್ಯಗತ್ಯ. ಈ ಮಾರ್ಗದರ್ಶಿ tsconfig.json ನ ಸಮಗ್ರ ಅವಲೋಕನವನ್ನು ಒದಗಿಸುತ್ತದೆ, ಇದರಲ್ಲಿ ಅಗತ್ಯ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳು, ಪ್ರಾಜೆಕ್ಟ್ ಸೆಟಪ್ ಮತ್ತು ಸುಧಾರಿತ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

tsconfig.json ಎಂದರೇನು?

tsconfig.json ಫೈಲ್ ಒಂದು ಕಾನ್ಫಿಗರೇಶನ್ ಫೈಲ್ ಆಗಿದ್ದು, ಇದು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಾಗಿ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಇದು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಹೇಗೆ ಟ್ರಾನ್ಸ್‌ಪೈಲ್ ಮಾಡಬೇಕೆಂದು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಂಪೈಲರ್‌ಗೆ ತಿಳಿಸುತ್ತದೆ. ಈ ಫೈಲ್ ಪ್ರಾಜೆಕ್ಟ್‌ನ ರಚನೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, ಸಂಕಲನ ನಿಯಮಗಳನ್ನು ಹೊಂದಿಸಲು ಮತ್ತು ಅಭಿವೃದ್ಧಿ ತಂಡದಾದ್ಯಂತ ಸ್ಥಿರತೆಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಅತ್ಯಗತ್ಯವಾಗಿದೆ, ಆ ತಂಡವು ಒಂದೇ ಕಚೇರಿಯಲ್ಲಿದ್ದರೂ ಅಥವಾ ಅನೇಕ ಖಂಡಗಳಲ್ಲಿ ಹಂಚಿಹೋಗಿದ್ದರೂ ಸಹ.

tsconfig.json ಫೈಲ್ ಅನ್ನು ರಚಿಸುವುದು

tsconfig.json ಫೈಲ್ ರಚಿಸಲು, ಟರ್ಮಿನಲ್‌ನಲ್ಲಿ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನ ರೂಟ್ ಡೈರೆಕ್ಟರಿಗೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿ ಮತ್ತು ಈ ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ರನ್ ಮಾಡಿ:

tsc --init

ಈ ಕಮಾಂಡ್ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಮೂಲಭೂತ tsconfig.json ಫೈಲ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ನಂತರ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನ ನಿರ್ದಿಷ್ಟ ಅವಶ್ಯಕತೆಗಳಿಗೆ ಸರಿಹೊಂದುವಂತೆ ನೀವು ಫೈಲ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು. ಒಂದು ವಿಶಿಷ್ಟ tsconfig.json ಫೈಲ್ compilerOptions, include, ಮತ್ತು exclude ನಂತಹ ಆಯ್ಕೆಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.

ಅಗತ್ಯ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳು

compilerOptions ವಿಭಾಗವು tsconfig.json ಫೈಲ್‌ನ ಹೃದಯವಾಗಿದೆ. ಇದು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಂಪೈಲರ್‌ನ ನಡವಳಿಕೆಯನ್ನು ನಿಯಂತ್ರಿಸುವ ವ್ಯಾಪಕ ಶ್ರೇಣಿಯ ಆಯ್ಕೆಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಇಲ್ಲಿ ಕೆಲವು ಪ್ರಮುಖ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳಿವೆ:

target

target ಆಯ್ಕೆಯು ರಚಿಸಲಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ಗಾಗಿ ECMAScript ಗುರಿ ಆವೃತ್ತಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ ES5, ES6 (ES2015), ES2016, ES2017, ES2018, ES2019, ES2020, ES2021, ES2022, ESNext ಸೇರಿವೆ. ಬ್ರೌಸರ್‌ಗಳು ಅಥವಾ Node.js ಆವೃತ್ತಿಗಳಂತಹ ಉದ್ದೇಶಿತ ರನ್‌ಟೈಮ್ ಪರಿಸರದೊಂದಿಗೆ ಹೊಂದಾಣಿಕೆಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಸರಿಯಾದ ಗುರಿಯನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ನಿರ್ಣಾಯಕವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "target": "ES2020"
  }
}

module

module ಆಯ್ಕೆಯು ಮಾಡ್ಯೂಲ್ ಕೋಡ್ ಉತ್ಪಾದನಾ ಶೈಲಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ CommonJS, AMD, System, UMD, ES6 (ES2015), ES2020, ಮತ್ತು ESNext ಸೇರಿವೆ. ಮಾಡ್ಯೂಲ್ ಸಿಸ್ಟಮ್‌ನ ಆಯ್ಕೆಯು ಗುರಿ ಪರಿಸರ ಮತ್ತು ಬಳಸಿದ ಮಾಡ್ಯೂಲ್ ಬಂಡ್ಲರ್ (ಉದಾ., Webpack, Rollup, Parcel) ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿರುತ್ತದೆ. Node.js ಗಾಗಿ, CommonJS ಅನ್ನು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ಆದರೆ ಆಧುನಿಕ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗಾಗಿ, ಮಾಡ್ಯೂಲ್ ಬಂಡ್ಲರ್‌ನೊಂದಿಗೆ ES6 ಅಥವಾ ESNext ಅನ್ನು ಆದ್ಯತೆ ನೀಡಲಾಗುತ್ತದೆ. ESNext ಅನ್ನು ಬಳಸುವುದರಿಂದ ಡೆವಲಪರ್‌ಗಳು ಇತ್ತೀಚಿನ ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ಆಪ್ಟಿಮೈಸೇಶನ್‌ಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ, ಆದರೆ ಅಂತಿಮ ಮಾಡ್ಯೂಲ್ ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಬಂಡ್ಲರ್ ಮೇಲೆ ಅವಲಂಬಿತರಾಗುತ್ತಾರೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "module": "ESNext"
  }
}

lib

lib ಆಯ್ಕೆಯು ಸಂಕಲನದಲ್ಲಿ ಸೇರಿಸಬೇಕಾದ ಲೈಬ್ರರಿ ಫೈಲ್‌ಗಳ ಪಟ್ಟಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಈ ಲೈಬ್ರರಿ ಫೈಲ್‌ಗಳು ಅಂತರ್ನಿರ್ಮಿತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ APIಗಳು ಮತ್ತು ಬ್ರೌಸರ್ APIಗಳಿಗಾಗಿ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ ES5, ES6, ES2015, ES2016, ES2017, ES2018, ES2019, ES2020, ES2021, ES2022, ESNext, DOM, WebWorker, ScriptHost, ಮತ್ತು ಇನ್ನೂ ಅನೇಕ ಸೇರಿವೆ. ಸೂಕ್ತವಾದ ಲೈಬ್ರರಿಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದರಿಂದ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಂಪೈಲರ್‌ಗೆ ಗುರಿ ಪರಿಸರಕ್ಕೆ ಅಗತ್ಯವಾದ ಟೈಪ್ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ. DOM ಲೈಬ್ರರಿಯನ್ನು ಬಳಸುವುದರಿಂದ ಪ್ರಾಜೆಕ್ಟ್ ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ APIಗಳನ್ನು ಬಳಸುವ ಕೋಡ್ ಅನ್ನು ಟೈಪ್ ದೋಷಗಳಿಲ್ಲದೆ ಕಂಪೈಲ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "lib": ["ES2020", "DOM"]
  }
}

allowJs

allowJs ಆಯ್ಕೆಯು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಂಪೈಲರ್‌ಗೆ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳೊಂದಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳನ್ನು ಕಂಪೈಲ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಹಂತಹಂತವಾಗಿ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಸ್ಥಳಾಂತರಿಸಲು ಇದು ಉಪಯುಕ್ತವಾಗಿದೆ. ಇದನ್ನು true ಗೆ ಹೊಂದಿಸುವುದರಿಂದ ಕಂಪೈಲರ್ .js ಫೈಲ್‌ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ, ಇದು ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಕ್ರಮೇಣ ಅಳವಡಿಕೆಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "allowJs": true
  }
}

jsx

jsx ಆಯ್ಕೆಯು JSX ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ preserve, react, react-native, ಮತ್ತು react-jsx ಸೇರಿವೆ. preserve ಔಟ್‌ಪುಟ್‌ನಲ್ಲಿ JSX ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಉಳಿಸಿಕೊಳ್ಳುತ್ತದೆ, ಆದರೆ react JSX ಅನ್ನು React.createElement ಕರೆಗಳಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. react-jsx ರಿಯಾಕ್ಟ್ 17 ರಲ್ಲಿ ಪರಿಚಯಿಸಲಾದ ಹೊಸ JSX ರೂಪಾಂತರವನ್ನು ಬಳಸುತ್ತದೆ, ಇದಕ್ಕೆ ರಿಯಾಕ್ಟ್ ಅನ್ನು ಇಂಪೋರ್ಟ್ ಮಾಡುವ ಅಗತ್ಯವಿಲ್ಲ. ರಿಯಾಕ್ಟ್ ಅಥವಾ ಇತರ JSX-ಆಧಾರಿತ ಲೈಬ್ರರಿಗಳನ್ನು ಬಳಸುವ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಸರಿಯಾದ JSX ಆಯ್ಕೆಯನ್ನು ಆರಿಸುವುದು ನಿರ್ಣಾಯಕವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "jsx": "react-jsx"
  }
}

declaration

declaration ಆಯ್ಕೆಯು ಪ್ರತಿ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗೆ ಅನುಗುಣವಾದ .d.ts ಡಿಕ್ಲರೇಶನ್ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ. ಡಿಕ್ಲರೇಶನ್ ಫೈಲ್‌ಗಳು ಟೈಪ್ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ ಮತ್ತು ಕಂಪೈಲ್ ಮಾಡಿದ ಕೋಡ್ ಅನ್ನು ಬಳಸಲು ಇತರ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಂದ ಬಳಸಲ್ಪಡುತ್ತವೆ. ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ಲೈಬ್ರರಿಗಳು ಮತ್ತು ಮಾಡ್ಯೂಲ್‌ಗಳನ್ನು ರಚಿಸಲು ಡಿಕ್ಲರೇಶನ್ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸುವುದು ಅತ್ಯಗತ್ಯ. ಈ ಫೈಲ್‌ಗಳು ಇತರ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಮೂಲ ಸೋರ್ಸ್ ಕೋಡ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡುವ ಅಗತ್ಯವಿಲ್ಲದೆ ಲೈಬ್ರರಿಯಿಂದ ಬಹಿರಂಗಪಡಿಸಲಾದ ಟೈಪ್‌ಗಳು ಮತ್ತು ಇಂಟರ್ಫೇಸ್‌ಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "declaration": true
  }
}

sourceMap

sourceMap ಆಯ್ಕೆಯು ಸೋರ್ಸ್ ಮ್ಯಾಪ್ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ, ಇದು ರಚಿಸಲಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಮೂಲ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ಗೆ ಮ್ಯಾಪ್ ಮಾಡುತ್ತದೆ. ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಇತರ ಪರಿಸರಗಳಲ್ಲಿ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಡೀಬಗ್ ಮಾಡಲು ಸೋರ್ಸ್ ಮ್ಯಾಪ್‌ಗಳು ಅತ್ಯಗತ್ಯ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ನಲ್ಲಿ ದೋಷ ಸಂಭವಿಸಿದಾಗ, ಸೋರ್ಸ್ ಮ್ಯಾಪ್ ಡೆವಲಪರ್‌ಗೆ ಡೀಬಗರ್‌ನಲ್ಲಿ ಅನುಗುಣವಾದ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ನೋಡಲು ಅನುಮತಿಸುತ್ತದೆ, ಇದು ಸಮಸ್ಯೆಯನ್ನು ಗುರುತಿಸಲು ಮತ್ತು ಸರಿಪಡಿಸಲು ಸುಲಭವಾಗಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "sourceMap": true
  }
}

outDir

outDir ಆಯ್ಕೆಯು ರಚಿಸಲಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳಿಗಾಗಿ ಔಟ್‌ಪುಟ್ ಡೈರೆಕ್ಟರಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಈ ಆಯ್ಕೆಯು ಸೋರ್ಸ್ ಕೋಡ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿದ ಕೋಡ್‌ನಿಂದ ಪ್ರತ್ಯೇಕಿಸುವ ಮೂಲಕ ಪ್ರಾಜೆಕ್ಟ್‌ನ ಬಿಲ್ಡ್ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಸಂಘಟಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. outDir ಅನ್ನು ಬಳಸುವುದರಿಂದ ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ನಿರ್ವಹಿಸುವುದು ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿಯೋಜಿಸುವುದು ಸುಲಭವಾಗುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "outDir": "dist"
  }
}

rootDir

rootDir ಆಯ್ಕೆಯು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ನ ರೂಟ್ ಡೈರೆಕ್ಟರಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಕಂಪೈಲರ್ ಮಾಡ್ಯೂಲ್ ಹೆಸರುಗಳನ್ನು ಪರಿಹರಿಸಲು ಈ ಡೈರೆಕ್ಟರಿಯನ್ನು ಆಧಾರವಾಗಿ ಬಳಸುತ್ತದೆ. ಸಂಕೀರ್ಣ ಡೈರೆಕ್ಟರಿ ರಚನೆಯನ್ನು ಹೊಂದಿರುವ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಈ ಆಯ್ಕೆಯು ವಿಶೇಷವಾಗಿ ಮುಖ್ಯವಾಗಿದೆ. rootDir ಅನ್ನು ಸರಿಯಾಗಿ ಹೊಂದಿಸುವುದರಿಂದ ಕಂಪೈಲರ್ ಎಲ್ಲಾ ಅಗತ್ಯ ಮಾಡ್ಯೂಲ್‌ಗಳು ಮತ್ತು ಅವಲಂಬನೆಗಳನ್ನು ಹುಡುಕಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "rootDir": "src"
  }
}

strict

strict ಆಯ್ಕೆಯು ಎಲ್ಲಾ ಕಟ್ಟುನಿಟ್ಟಾದ ಟೈಪ್-ಚೆಕಿಂಗ್ ಆಯ್ಕೆಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. ಹೊಸ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಇದನ್ನು ಹೆಚ್ಚು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ ಏಕೆಂದರೆ ಇದು ಅಭಿವೃದ್ಧಿ ಪ್ರಕ್ರಿಯೆಯ ಆರಂಭದಲ್ಲಿ ಸಂಭಾವ್ಯ ದೋಷಗಳನ್ನು ಹಿಡಿಯಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಕಟ್ಟುನಿಟ್ಟಾದ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವುದು ಕಟ್ಟುನಿಟ್ಟಾದ ಟೈಪ್ ಚೆಕಿಂಗ್ ನಿಯಮಗಳನ್ನು ಜಾರಿಗೊಳಿಸುತ್ತದೆ, ಇದು ಹೆಚ್ಚು ದೃಢವಾದ ಮತ್ತು ನಿರ್ವಹಿಸಬಲ್ಲ ಕೋಡ್‌ಗೆ ಕಾರಣವಾಗುತ್ತದೆ. ಎಲ್ಲಾ ಹೊಸ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಕಟ್ಟುನಿಟ್ಟಾದ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "strict": true
  }
}

esModuleInterop

esModuleInterop ಆಯ್ಕೆಯು CommonJS ಮತ್ತು ES ಮಾಡ್ಯೂಲ್‌ಗಳ ನಡುವೆ ಪರಸ್ಪರ ಕಾರ್ಯಸಾಧ್ಯತೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. ಎರಡೂ ರೀತಿಯ ಮಾಡ್ಯೂಲ್‌ಗಳನ್ನು ಬಳಸುವ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಇದು ಮುಖ್ಯವಾಗಿದೆ. esModuleInterop ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ CommonJS ಮತ್ತು ES ಮಾಡ್ಯೂಲ್‌ಗಳ ನಡುವಿನ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿರ್ವಹಿಸುತ್ತದೆ, ಇದು ಎರಡು ಸಿಸ್ಟಮ್‌ಗಳ ನಡುವೆ ಮಾಡ್ಯೂಲ್‌ಗಳನ್ನು ಆಮದು ಮತ್ತು ರಫ್ತು ಮಾಡಲು ಸುಲಭವಾಗಿಸುತ್ತದೆ. ವಿಭಿನ್ನ ಮಾಡ್ಯೂಲ್ ಸಿಸ್ಟಮ್‌ಗಳನ್ನು ಬಳಸಬಹುದಾದ ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಲೈಬ್ರರಿಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಾಗ ಈ ಆಯ್ಕೆಯು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "esModuleInterop": true
  }
}

moduleResolution

moduleResolution ಆಯ್ಕೆಯು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಮಾಡ್ಯೂಲ್ ಆಮದುಗಳನ್ನು ಹೇಗೆ ಪರಿಹರಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ Node ಮತ್ತು Classic ಸೇರಿವೆ. Node ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ತಂತ್ರವು ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ ಮತ್ತು ಇದು Node.js ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ಅಲ್ಗಾರಿದಮ್ ಅನ್ನು ಆಧರಿಸಿದೆ. Classic ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ತಂತ್ರವು ಹಳೆಯದು ಮತ್ತು ಕಡಿಮೆ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲ್ಪಡುತ್ತದೆ. Node ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ತಂತ್ರವನ್ನು ಬಳಸುವುದರಿಂದ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ Node.js ಪರಿಸರದಲ್ಲಿ ಮಾಡ್ಯೂಲ್ ಆಮದುಗಳನ್ನು ಸರಿಯಾಗಿ ಪರಿಹರಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "moduleResolution": "Node"
  }
}

baseUrl ಮತ್ತು paths

baseUrl ಮತ್ತು paths ಆಯ್ಕೆಗಳನ್ನು ಸಂಬಂಧವಿಲ್ಲದ ಮಾಡ್ಯೂಲ್ ಆಮದುಗಳಿಗಾಗಿ ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ಅನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಬಳಸಲಾಗುತ್ತದೆ. baseUrl ಆಯ್ಕೆಯು ಸಂಬಂಧವಿಲ್ಲದ ಮಾಡ್ಯೂಲ್ ಹೆಸರುಗಳನ್ನು ಪರಿಹರಿಸಲು ಮೂಲ ಡೈರೆಕ್ಟರಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. paths ಆಯ್ಕೆಯು ಮಾಡ್ಯೂಲ್ ಹೆಸರುಗಳನ್ನು ಫೈಲ್ ಸಿಸ್ಟಮ್‌ನಲ್ಲಿನ ನಿರ್ದಿಷ್ಟ ಸ್ಥಳಗಳಿಗೆ ಮ್ಯಾಪ್ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಸಂಕೀರ್ಣ ಡೈರೆಕ್ಟರಿ ರಚನೆಯನ್ನು ಹೊಂದಿರುವ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಮತ್ತು ಮಾಡ್ಯೂಲ್ ಆಮದುಗಳನ್ನು ಸರಳಗೊಳಿಸಲು ಈ ಆಯ್ಕೆಗಳು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿವೆ. baseUrl ಮತ್ತು paths ಅನ್ನು ಬಳಸುವುದರಿಂದ ಕೋಡ್ ಅನ್ನು ಹೆಚ್ಚು ಓದಬಲ್ಲ ಮತ್ತು ನಿರ್ವಹಿಸಬಲ್ಲಂತೆ ಮಾಡಬಹುದು.

ಉದಾಹರಣೆ:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@components/*": ["src/components/*"],
      "@utils/*": ["src/utils/*"]
    }
  }
}

Include ಮತ್ತು Exclude ಆಯ್ಕೆಗಳು

include ಮತ್ತು exclude ಆಯ್ಕೆಗಳು ಸಂಕಲನದಲ್ಲಿ ಯಾವ ಫೈಲ್‌ಗಳನ್ನು ಸೇರಿಸಬೇಕು ಮತ್ತು ಯಾವ ಫೈಲ್‌ಗಳನ್ನು ಹೊರಗಿಡಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತವೆ. ಈ ಆಯ್ಕೆಗಳು ಫೈಲ್ ಹೆಸರುಗಳನ್ನು ಹೊಂದಿಸಲು ಗ್ಲೋಬ್ ಪ್ಯಾಟರ್ನ್‌ಗಳನ್ನು ಬಳಸುತ್ತವೆ. include ಮತ್ತು exclude ಅನ್ನು ಬಳಸುವುದರಿಂದ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಂಪೈಲರ್‌ನಿಂದ ಯಾವ ಫೈಲ್‌ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ, ಇದು ಬಿಲ್ಡ್ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಸುಧಾರಿಸುತ್ತದೆ ಮತ್ತು ದೋಷಗಳನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಸಂಕಲನದಲ್ಲಿ ಸೇರಿಸಬೇಕಾದ ಫೈಲ್‌ಗಳನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

Extends ಆಯ್ಕೆ

extends ಆಯ್ಕೆಯು ಮತ್ತೊಂದು tsconfig.json ಫೈಲ್‌ನಿಂದ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳನ್ನು ಆನುವಂಶಿಕವಾಗಿ ಪಡೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಅನೇಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ನಡುವೆ ಸಾಮಾನ್ಯ ಕಾನ್ಫಿಗರೇಶನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಅಥವಾ ಮೂಲ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳನ್ನು ರಚಿಸಲು ಇದು ಉಪಯುಕ್ತವಾಗಿದೆ. extends ಆಯ್ಕೆಯನ್ನು ಬಳಸುವುದರಿಂದ ಕೋಡ್ ಮರುಬಳಕೆಯನ್ನು ಉತ್ತೇಜಿಸುತ್ತದೆ ಮತ್ತು ನಕಲು ಮಾಡುವುದನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಮೂಲ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳನ್ನು ರಚಿಸುವುದು ಮತ್ತು ಅವುಗಳನ್ನು ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ವಿಸ್ತರಿಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ.

ಉದಾಹರಣೆ:

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "jsx": "react-jsx"
  },
  "include": ["src/**/*"]
}

ಸುಧಾರಿತ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳು

ಅಗತ್ಯ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳ ಹೊರತಾಗಿ, tsconfig.json ವಿಶೇಷ ಸನ್ನಿವೇಶಗಳಿಗಾಗಿ ಸುಧಾರಿತ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.

ಹೆಚ್ಚುತ್ತಿರುವ ಸಂಕಲನ (Incremental Compilation)

ದೊಡ್ಡ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ, ಹೆಚ್ಚುತ್ತಿರುವ ಸಂಕಲನವು ಬಿಲ್ಡ್ ಸಮಯವನ್ನು ಗಮನಾರ್ಹವಾಗಿ ಸುಧಾರಿಸುತ್ತದೆ. ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಹಿಂದಿನ ಸಂಕಲನಗಳ ಫಲಿತಾಂಶಗಳನ್ನು ಕ್ಯಾಶ್ ಮಾಡಬಹುದು ಮತ್ತು ಬದಲಾದ ಫೈಲ್‌ಗಳನ್ನು ಮಾತ್ರ ಮರುಕಂಪೈಲ್ ಮಾಡಬಹುದು. ಹೆಚ್ಚುತ್ತಿರುವ ಸಂಕಲನವನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವುದರಿಂದ ದೊಡ್ಡ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಬಿಲ್ಡ್ ಸಮಯವನ್ನು ನಾಟಕೀಯವಾಗಿ ಕಡಿಮೆ ಮಾಡಬಹುದು. ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಫೈಲ್‌ಗಳು ಮತ್ತು ಅವಲಂಬನೆಗಳನ್ನು ಹೊಂದಿರುವ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಇದು ವಿಶೇಷವಾಗಿ ಮುಖ್ಯವಾಗಿದೆ.

{
  "compilerOptions": {
    "incremental": true,
    "tsBuildInfoFile": ".tsbuildinfo"
  }
}

ಪ್ರಾಜೆಕ್ಟ್ ಉಲ್ಲೇಖಗಳು (Project References)

ಪ್ರಾಜೆಕ್ಟ್ ಉಲ್ಲೇಖಗಳು ದೊಡ್ಡ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಸಣ್ಣ, ಸ್ವತಂತ್ರ ಮಾಡ್ಯೂಲ್‌ಗಳಾಗಿ ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಇದು ಬಿಲ್ಡ್ ಸಮಯ ಮತ್ತು ಕೋಡ್ ಸಂಘಟನೆಯನ್ನು ಸುಧಾರಿಸುತ್ತದೆ. ಪ್ರಾಜೆಕ್ಟ್ ಉಲ್ಲೇಖಗಳನ್ನು ಬಳಸುವುದರಿಂದ ದೊಡ್ಡ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಹೆಚ್ಚು ನಿರ್ವಹಿಸಬಲ್ಲ ಮತ್ತು ನಿರ್ವಹಿಸಲು ಸುಲಭವಾಗಿಸಬಹುದು. ದೊಡ್ಡ, ಸಂಕೀರ್ಣ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಪ್ರಾಜೆಕ್ಟ್ ಉಲ್ಲೇಖಗಳನ್ನು ಬಳಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ.

{
  "compilerOptions": {
    "composite": true
  },
  "references": [
    { "path": "./module1" },
    { "path": "./module2" }
  ]
}

ಕಸ್ಟಮ್ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳು

ಕೆಲವೊಮ್ಮೆ, ನೀವು ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ಹೊಂದಿರದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಗಳಿಗೆ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ಒದಗಿಸಬೇಕಾಗಬಹುದು. ಈ ಲೈಬ್ರರಿಗಳಿಗೆ ಟೈಪ್‌ಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ನೀವು ಕಸ್ಟಮ್ .d.ts ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಬಹುದು. ಕಸ್ಟಮ್ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ರಚಿಸುವುದರಿಂದ ನಿಮ್ಮ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ನಲ್ಲಿ ಟೈಪ್ ಸುರಕ್ಷತೆಯನ್ನು ತ್ಯಾಗ ಮಾಡದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಗಳನ್ನು ಬಳಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಹಳೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅಥವಾ ತಮ್ಮದೇ ಆದ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ಒದಗಿಸದ ಲೈಬ್ರರಿಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಾಗ ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ.

// custom.d.ts
declare module 'my-library' {
  export function doSomething(x: number): string;
}

ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು

• ಕಟ್ಟುನಿಟ್ಟಾದ ಮೋಡ್ ಬಳಸಿ: ವರ್ಧಿತ ಟೈಪ್ ಚೆಕಿಂಗ್‌ಗಾಗಿ strict ಆಯ್ಕೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ.
• ಗುರಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ: ನಿಮ್ಮ ರನ್‌ಟೈಮ್ ಪರಿಸರಕ್ಕಾಗಿ ಸೂಕ್ತವಾದ target ಆವೃತ್ತಿಯನ್ನು ಆಯ್ಕೆಮಾಡಿ.
• ಔಟ್‌ಪುಟ್ ಅನ್ನು ಸಂಘಟಿಸಿ: ಸೋರ್ಸ್ ಕೋಡ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿದ ಕೋಡ್‌ನಿಂದ ಪ್ರತ್ಯೇಕಿಸಲು outDir ಬಳಸಿ.
• ಅವಲಂಬನೆಗಳನ್ನು ನಿರ್ವಹಿಸಿ: ಯಾವ ಫೈಲ್‌ಗಳನ್ನು ಕಂಪೈಲ್ ಮಾಡಲಾಗಿದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಲು include ಮತ್ತು exclude ಬಳಸಿ.
• Extends ಅನ್ನು ಬಳಸಿ: extends ಆಯ್ಕೆಯೊಂದಿಗೆ ಸಾಮಾನ್ಯ ಕಾನ್ಫಿಗರೇಶನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಿ.
• ಕಾನ್ಫಿಗರೇಶನ್ ಅನ್ನು ಆವೃತ್ತಿ ನಿಯಂತ್ರಣಕ್ಕೆ ಪರಿಶೀಲಿಸಿ: ಡೆವಲಪರ್ ಪರಿಸರಗಳು ಮತ್ತು CI/CD ಪೈಪ್‌ಲೈನ್‌ಗಳಾದ್ಯಂತ ಸ್ಥಿರತೆಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು tsconfig.json ಅನ್ನು git ಗೆ ಕಮಿಟ್ ಮಾಡಿ.

ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳ ನಿವಾರಣೆ

tsconfig.json ಅನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡುವುದು ಕೆಲವೊಮ್ಮೆ ಸವಾಲಾಗಿರಬಹುದು. ಇಲ್ಲಿ ಕೆಲವು ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಅವುಗಳ ಪರಿಹಾರಗಳಿವೆ:

ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ಸಮಸ್ಯೆಗಳು

ನೀವು ಮಾಡ್ಯೂಲ್ ರೆಸಲ್ಯೂಶನ್ ದೋಷಗಳನ್ನು ಎದುರಿಸಿದರೆ, moduleResolution ಆಯ್ಕೆಯನ್ನು ಸರಿಯಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾಗಿದೆಯೇ ಮತ್ತು baseUrl ಮತ್ತು paths ಆಯ್ಕೆಗಳನ್ನು ಸರಿಯಾಗಿ ಹೊಂದಿಸಲಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. paths ಆಯ್ಕೆಯಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಪಥಗಳು ಸರಿಯಾಗಿವೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಎರಡು ಬಾರಿ ಪರಿಶೀಲಿಸಿ. node_modules ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಎಲ್ಲಾ ಅಗತ್ಯ ಮಾಡ್ಯೂಲ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಲಾಗಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ.

ಟೈಪ್ ದೋಷಗಳು

ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳು ತಪ್ಪಾಗಿದ್ದರೆ ಅಥವಾ ಕಾಣೆಯಾಗಿದ್ದರೆ ಟೈಪ್ ದೋಷಗಳು ಸಂಭವಿಸಬಹುದು. ನೀವು ಬಳಸುತ್ತಿರುವ ಎಲ್ಲಾ ಲೈಬ್ರರಿಗಳಿಗೆ ಸರಿಯಾದ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ನೀವು ಸ್ಥಾಪಿಸಿದ್ದೀರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವು ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ಹೊಂದಿರದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಯನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ಕಸ್ಟಮ್ ಟೈಪ್ ವ್ಯಾಖ್ಯಾನಗಳನ್ನು ರಚಿಸುವುದನ್ನು ಪರಿಗಣಿಸಿ.

ಸಂಕಲನ ದೋಷಗಳು

ನಿಮ್ಮ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ನಲ್ಲಿ ಸಿಂಟ್ಯಾಕ್ಸ್ ದೋಷಗಳು ಅಥವಾ ಟೈಪ್ ದೋಷಗಳಿದ್ದರೆ ಸಂಕಲನ ದೋಷಗಳು ಸಂಭವಿಸಬಹುದು. ದೋಷ ಸಂದೇಶಗಳನ್ನು ಎಚ್ಚರಿಕೆಯಿಂದ ಪರಿಶೀಲಿಸಿ ಮತ್ತು ಯಾವುದೇ ಸಿಂಟ್ಯಾಕ್ಸ್ ದೋಷಗಳು ಅಥವಾ ಟೈಪ್ ದೋಷಗಳನ್ನು ಸರಿಪಡಿಸಿ. ನಿಮ್ಮ ಕೋಡ್ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡಿಂಗ್ ಸಂಪ್ರದಾಯಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.

ತೀರ್ಮಾನ

ಯಶಸ್ವಿ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಉತ್ತಮವಾಗಿ-ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾದ tsconfig.json ಫೈಲ್ ಅತ್ಯಗತ್ಯ. ಅಗತ್ಯ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳು ಮತ್ತು ಸುಧಾರಿತ ಕಾನ್ಫಿಗರೇಶನ್‌ಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಮೂಲಕ, ನಿಮ್ಮ ಅಭಿವೃದ್ಧಿ ಕೆಲಸದ ಹರಿವನ್ನು ನೀವು ಉತ್ತಮಗೊಳಿಸಬಹುದು, ಕೋಡ್ ಗುಣಮಟ್ಟವನ್ನು ಸುಧಾರಿಸಬಹುದು ಮತ್ತು ಗುರಿ ಪರಿಸರದೊಂದಿಗೆ ಹೊಂದಾಣಿಕೆಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು. tsconfig.json ಅನ್ನು ಸರಿಯಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಸಮಯವನ್ನು ಹೂಡಿಕೆ ಮಾಡುವುದರಿಂದ ದೋಷಗಳನ್ನು ಕಡಿಮೆ ಮಾಡುವ ಮೂಲಕ, ನಿರ್ವಹಣೆಯನ್ನು ಸುಧಾರಿಸುವ ಮೂಲಕ ಮತ್ತು ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸುಗಮಗೊಳಿಸುವ ಮೂಲಕ ದೀರ್ಘಾವಧಿಯಲ್ಲಿ ಫಲ ನೀಡುತ್ತದೆ. ಇದು ಹೆಚ್ಚು ದಕ್ಷ ಮತ್ತು ವಿಶ್ವಾಸಾರ್ಹ ಸಾಫ್ಟ್‌ವೇರ್ ಅಭಿವೃದ್ಧಿಗೆ ಕಾರಣವಾಗುತ್ತದೆ. ಇಲ್ಲಿ ಒದಗಿಸಲಾದ ಮಾಹಿತಿಯು ಸಾರ್ವತ್ರಿಕವಾಗಿ ಅನ್ವಯವಾಗುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲು ದೃಢವಾದ ಅಡಿಪಾಯವನ್ನು ಒದಗಿಸಬೇಕು.

ಲಭ್ಯವಿರುವ ಎಲ್ಲಾ ಕಂಪೈಲರ್ ಆಯ್ಕೆಗಳ ಅತ್ಯಂತ ನವೀಕೃತ ಮಾಹಿತಿ ಮತ್ತು ವಿವರವಾದ ವಿವರಣೆಗಳಿಗಾಗಿ ಅಧಿಕೃತ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ದಸ್ತಾವೇಜನ್ನು ಸಂಪರ್ಕಿಸಲು ಮರೆಯದಿರಿ. ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಾನ್ಫಿಗರೇಶನ್‌ನ ಜಟಿಲತೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ದಸ್ತಾವೇಜನ್ನು ಒಂದು ಅಮೂಲ್ಯವಾದ ಸಂಪನ್ಮೂಲವಾಗಿದೆ.