Typescript-Import funktioniert nicht

Question

Ich versuche, dieses Problem zu lösen ist bereits mehr als 6-8 Stunden. Ich denke, eines der Probleme ist mein Englisch. =)

Ich benutze Atom-Editor, Elektron, Typoskript, reagieren

tsconfig.json

{ 
    "compilerOptions": { 
     "target": "es5", 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "isolatedModules": false, 
     "jsx": "react", 
     "experimentalDecorators": true, 
     "emitDecoratorMetadata": true, 
     "declaration": false, 
     "noImplicitAny": false, 
     "noImplicitUseStrict": false, 
     "removeComments": true, 
     "noLib": false, 
     "preserveConstEnums": true, 
     "suppressImplicitAnyIndexErrors": true 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings/browser", 
     "typings/browser.d.ts" 
    ], 
    "compileOnSave": true, 
    "buildOnSave": false, 
    "atom": { 
     "rewriteTsconfig": false 
    } 
} 

app.ts:

import {hello} from "./func"; 
hello("TypeScript"); 

func.ts

export function hello(name: string){ 
    console.log(`Hello, ${name}`); 
} 

starten Elektron und erhalten Fehler:

Uncaught SyntaxError: Unexpected token import 

dann, erstellen Datei reagieren-test.ts:

import * as React from "react"; 

erhalten Fehler in Atom-Editor:

Cannot find module 'react' 

Frage: Ich will nicht mehr Theorie. Es gibt ein konkretes Beispiel. Bitte hilf mir, es zu lösen. Durch die Art und Weise habe ich keine Probleme haben, mit babel =)

Update # 1:

Electron Startbefehl:

npm start 

Projekt auf github

Answer 1

Zuerst müssen Sie Um TypScript in JavaScript mit tsc Befehl und in index.html Datei zu übertragen, benötigen Sie app.js statt app.ts. Führen Sie dann Electron mit npm start