Kann TypeScript-Module nicht importieren, ohne die Dateierweiterung anzugeben

Question

Ich bin sehr neu in TypeScript und ich erwarte, dass ich in der Lage sein sollte, meine TS-Dateien zu importieren, ohne anzugeben, dass sie TS-Dateien sind.

Ich habe

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

statt zu tun, was ich denke, will, ist der richtige Weg, die

ist

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

, die zu Fehlern führen darauf hinweisen, dass es nur auf die Suche nach Dateien Js enden oder .jsx

meine tsconfig.json sieht aus wie dieses

{ 
"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" 
] 

}

Answer 1

Wenn Sie webpack verwenden versuchen Sie, diese zu Ihrem webpack.config.js Datei:

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