javascript - Nelze importovat TypeScript moduly bez uvedení přípony souboru

Jsem v TypeScriptu velmi nezkušený a očekávám, že bych měl být schopen importovat své TS soubory, aniž bych musel specifikovat, že jde o TS soubory.

Musím udělat

import {sealed} from "./decorators/decorators.ts";

místo toho, co chci, si myslím, že je správná cesta, což je

import {sealed} from "./decorators/decorators";

což vede k chybám naznačujícím, že hledá pouze soubory končící na .js nebo .jsx

můj tsconfig.json vypadá takto

{
"compileOnSave": true,
"compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "node",
    "jsx": "react",
    "allowJs": true,
    "target": "es6",
    "removeComments": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
},
"exclude": [
    "node_modules",
    "typings/browser",
    "typings/browser.d.ts"
]

}

Odpověď č. 1

Pokud používáte webpack, zkuste přidat toto do svého souboru webpack.config.js:

resolve: {
  extensions: ['', '.js', '.jsx', '.ts', '.tsx']
},

Odpověď č. 2

Odpověď od thitemple pro mě fungovala, ale musel jsem odstranit '' z pole, protože to zabránilo spuštění webpacku.

resolve: {
  extensions: ['.js', '.jsx', '.ts', '.tsx']
},